/*
 * DESIGN TOKENS — satu-satunya sumber warna sistem salon (internal Vue/Tailwind dan landing page).
 * Nilai berupa triplet RGB ("R G B") agar dapat dipakai Tailwind dengan opasitas: rgb(var(--token) / 0.5).
 * Mengganti tema = mengubah file ini saja. Standar desain: premium natural; JANGAN memakai ungu/violet/indigo.
 */
:root {
    /* Latar & permukaan */
    --color-canvas: 247 245 240;      /* #F7F5F0 background utama */
    --color-card: 255 255 255;        /* #FFFFFF permukaan kartu */

    /* Teks */
    --color-ink: 41 40 36;            /* #292824 teks utama */
    --color-muted: 119 116 109;       /* #77746D teks sekunder */

    /* Border */
    --color-line: 231 227 218;        /* #E7E3DA */

    /* Aksen (sage) */
    --color-accent: 101 116 91;       /* #65745B aksen utama */
    --color-accent-hover: 78 92 70;   /* #4E5C46 hover */
    --color-accent-soft: 233 237 228; /* #E9EDE4 latar lembut */
    --color-accent-ink: 58 69 53;     /* #3A4535 teks aksen gelap */
    --color-focus: 136 152 121;       /* #889879 ring fokus */
    --color-footer: 41 40 36;         /* latar footer landing */

    /* Champagne gold: aksen sidebar/navigasi, dipakai hemat (Phase 17) */
    --color-champagne: 201 169 110;      /* #C9A96E penanda menu aktif, fokus */
    --color-champagne-soft: 226 208 168; /* #E2D0A8 teks label grup (kontras >= 6:1 pada sidebar) */

    /* Semantik: peringatan (penanda pratinjau CMS) */
    --color-warn-bg: 253 243 215;
    --color-warn-ink: 122 90 0;
    --color-warn-line: 236 217 160;

    /* Skala brand (dipakai kelas bg-brand-*, text-brand-*) */
    --brand-50: 243 245 240;
    --brand-100: 233 237 228;
    --brand-200: 217 223 210;
    --brand-300: 191 200 181;
    --brand-400: 163 176 150;
    --brand-500: 136 152 121;
    --brand-600: 117 133 106;
    --brand-700: 101 116 91;   /* = aksen utama */
    --brand-800: 78 92 70;     /* = hover aksen */
    --brand-900: 58 69 53;
    --brand-950: 38 45 34;

    /* Skala netral hangat (menggantikan slate-* Tailwind) */
    --neutral-50: 250 248 244;
    --neutral-100: 241 238 231;
    --neutral-200: 231 227 218;  /* = border */
    --neutral-300: 214 209 197;
    --neutral-400: 169 165 155;
    --neutral-500: 119 116 109;  /* = teks sekunder */
    --neutral-600: 95 92 86;
    --neutral-700: 69 67 62;
    --neutral-800: 51 49 45;
    --neutral-900: 41 40 36;     /* = teks utama */
    --neutral-950: 28 27 24;
}