/* variables.css */
:root {
    /* --- Shared Config --- */
    --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --nav-width: 240px;
    --transition-speed: 0.4s ease;
    --transition-fast: 0.15s;
    --transition-smooth: 0.3s; /* ค่ามาตรฐานที่คุณใช้อยู่ */
    --transition-slow: 0.5s;
    --z-p-base: 5px;
    --z-radius: 8px;

    /* --- Noise Texture (ใช้ร่วมกันทั้ง 2 โหมด) --- */
    --paper-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* --- Light Mode (Default) --- */
:root, [data-theme="light"] {
    --z-bg-main: #F9F7F2;      /* ขาวกระดาษ */
    --z-bg-soft: #F2EFE9;      /* สีกระดาษซ้อนชั้น */
    --z-bg-card: rgba(255, 255, 255, 0.7);
    --z-text-main: #3C3836;    /* สีหมึกเข้ม */
    --z-text-soft: #7D756D;    /* สีหมึกจาง */
    --z-accent: #A08C76;       /* สีน้ำตาล Zen */
    --z-border: rgba(0, 0, 0, 0.08);
    --z-danger: #C07A7A;
    --z-shadow: rgba(0, 0, 0, 0.05);
    --z-noise-opacity: 0.04;
}

/* --- Dark Mode --- */
[data-theme="dark"] {
    --z-bg-main: #1D2021;      /* ดำถ่าน */
    --z-bg-soft: #282828;      /* ดำเทา */
    --z-bg-card: rgba(40, 40, 40, 0.8);
    --z-text-main: #D5C4A1;    /* ขาวกระดาษเก่า */
    --z-text-soft: #A89984;
    --z-accent: #BDAE93;
    --z-border: rgba(255, 255, 255, 0.1);
    --z-danger: #FB4934;
    --z-shadow: rgba(0, 0, 0, 0.3);
    --z-noise-opacity: 0.02;   /* ในโหมดมืด Noise ควรจางลงอีก */
}