/*
 * tokens.css — dizayn tizimining yagona manbasi.
 *
 * G'oya: Rishton keramikasi — oq sirlangan sirt, chuqur kobalt, firuza,
 * zira-sariq urg'u (docs/03-dizayn.md §7.1).
 *
 * QOIDA: bu fayldan tashqarida HEX rang YOZILMAYDI. Boshqa CSS fayllar
 * faqat var(--...) ishlatadi — shunda dark rejim bepul keladi.
 *
 * Kobalt, firuza, zira va danger dark rejimda O'ZGARMAYDI — ular brendning
 * o'zi. Faqat sirt, siyoh va chiziq ranglari almashadi.
 */

:root {
    color-scheme: light;

    /* ---------------------------------------------------- docs/03 §7.1 */

    --ink:         #14202E;
    --ink-soft:    #5A6B7C;
    --paper:       #FBFAF7;
    --surface:     #FFFFFF;
    --line:        #E7E2D8;
    --cobalt:      #1E4FA3;
    --cobalt-ink:  #143675;
    --cobalt-wash: #EDF2FB;
    --turquoise:   #2E9AA6;
    --saffron:     #E8A22B;
    --saffron-wash:#FDF4E3;
    --danger:      #C2412D;
    --danger-wash: #FBEDEA;

    --r:    14px;
    --r-sm: 10px;
    --r-lg: 20px;

    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
    --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

    --shadow-bar: 0 -1px 0 var(--line), 0 -8px 24px rgba(20, 32, 46, .06);

    /* ------------------------------------------- §7.1 dan tashqari qo'shimchalar
     *
     * TZ §7.1 ro'yxatida yo'q, lekin komponentlar uchun zarur bo'lgan
     * qiymatlar. Ular ham shu yerda turadi — aks holda 14px, 200ms va
     * firuza fon o'nlab faylga tarqalib ketardi.
     */

    /* Firuza fon: .badge--cooking / .badge--delivering uchun kerak.
       §7.1 da cobalt/saffron/danger wash bor, firuzaniki yo'q edi. */
    --turquoise-wash: #E7F3F5;

    /* Modal fon qoplamasi va skeleton yorug'ligi — dark rejimda boshqacha */
    --scrim:          rgba(20, 32, 46, .45);
    --skeleton-sheen: rgba(255, 255, 255, .55);

    /* Shrift steklari (docs/03 §7.2). Lokal .woff2 — CDN yo'q. */
    --font-display: 'Bricolage Grotesque Variable', 'Bricolage Grotesque',
                    Georgia, 'Times New Roman', serif;
    --font-body:    'Inter Variable', 'Inter', -apple-system, BlinkMacSystemFont,
                    'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* O'lchamlar (docs/03 §7.4 maketidan) */
    --header-h: 56px;
    --bar-h:    56px;
    --page-w:   560px;

    /* Animatsiya (docs/03 §7.5). Barchasi prefers-reduced-motion'da o'chadi. */
    --dur-fast: 120ms;
    --dur:      200ms;
    --dur-slow: 300ms;
    --ease:     cubic-bezier(.2, .8, .3, 1);

    /* Qatlamlar */
    --z-header:  20;
    --z-bar:     30;
    --z-scrim:   40;
    --z-sheet:   41;
    --z-toast:   50;
}

html[data-theme="dark"] {
    color-scheme: dark;

    /* ---------------------------------------------------- docs/03 §7.1 */

    --ink:         #EDF1F5;
    --ink-soft:    #93A3B4;
    --paper:       #0F1620;
    --surface:     #17202B;
    --line:        #26313E;
    --cobalt-wash: #152234;
    --saffron-wash:#2A2113;
    --danger-wash: #2B1917;

    /* ---------------------------------------------- qo'shimchalar (dark) */

    --turquoise-wash: #12262A;

    --scrim:          rgba(0, 0, 0, .6);
    --skeleton-sheen: rgba(255, 255, 255, .06);

    /* Qorong'i fonda 6% qora soya ko'rinmaydi — kuchaytiriladi */
    --shadow-bar: 0 -1px 0 var(--line), 0 -8px 24px rgba(0, 0, 0, .45);
}