:root {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    font-variation-settings: normal;
    --font-feature-settings: "cv02","cv03","cv04","cv11";
    --surface-a:#ffffff;
    --surface-b:#fafbfc;
    --surface-c:#f2f4f6;
    --surface-d:#e7eaee;
    --surface-e:#ffffff;
    --surface-f:#ffffff;
    --text-color: 22 49 58;
    --text-color-secondary: 90 102 117;

    --primary-color: var(--primary-500);
    --primary-color-text: var(--primary-50);

    --surface-0: 255 255 255;
    --surface-50: 250 251 252;
    --surface-100: 242 244 246;
    --surface-200: 231 234 238;
    --surface-300: 212 220 226;
    --surface-400: 174 182 192;
    --surface-500: 154 163 174;
    --surface-600: 90 102 117;
    --surface-700: 70 83 95;
    --surface-800: 42 53 64;
    --surface-900: 22 49 58;
    --surface-950: 12 26 32;

    --content-padding:1.25rem;
    --inline-spacing:0.5rem;
    --border-radius:12px;
    --surface-ground: 238 241 244;
    --surface-section:#ffffff;
    --surface-card:#ffffff;
    --surface-overlay:#ffffff;
    --surface-border:#e7eaee;
    --surface-hover:#f2f4f6;
    --focus-ring: 0 0 0 3px rgb(var(--primary-500) / 0.12);
    --maskbg: rgba(16, 24, 40, 0.42);
    --highlight-bg: rgb(var(--primary-500) / 0.08);
    --highlight-text-color: rgb(var(--primary-600));

    /* ─────────────────────────────────────────────────────────────────────
       Mobile redesign tokens (WAS-421, MOBILE_REDESIGN_TASK.md §2.1).
       Exact prototype hexes of «Wasyt Mobil Ilova.html», stored as RGB
       triplets so Tailwind can apply opacity (`bg-m-border/50`). Consumed
       through the `m-*` color group in tailwind.config.js — mobile templates
       never write a raw hex. Desktop never references them.
       ───────────────────────────────────────────────────────────────────── */
    --m-primary-deep: 14 124 136;        /* #0E7C88 */
    --m-primary-tint: 227 243 245;       /* #E3F3F5 */
    --m-primary-tint-2: 205 235 238;     /* #CDEBEE */
    --m-primary-wash: 246 252 252;       /* #F6FCFC — amount field fill */
    --m-primary-line: 220 233 236;       /* #DCE9EC — «Jami» bar hairline */
    --m-primary-dash: 159 213 218;       /* #9FD5DA — dashed «add product», picked row */
    --m-cool-wash: 246 250 251;          /* #F6FAFB — «Jami» bar fill */
    --m-primary-bright: 62 211 196;      /* #3ED3C4 */
    --m-primary-soft: 127 203 211;       /* #7FCBD3 — tri-state «some» checkbox */

    --m-muted-2: 176 183 191;            /* #B0B7BF */
    --m-muted-3: 199 205 212;            /* #C7CDD4 */
    --m-muted-4: 138 147 160;            /* #8A93A0 */
    --m-muted-5: 157 178 189;            /* #9DB2BD */

    --m-border: 234 237 241;             /* #EAEDF1 */
    --m-fill-1: 247 249 250;             /* #F7F9FA */
    --m-fill-2: 245 246 248;             /* #F5F6F8 */
    --m-fill-3: 250 251 252;             /* #FAFBFC */
    --m-fill-4: 240 242 245;             /* #F0F2F5 */
    --m-fill-5: 241 244 247;             /* #F1F4F7 */
    --m-track: 227 232 237;              /* #E3E8ED */
    --m-toggle-off: 214 220 225;         /* #D6DCE1 */
    --m-grabber: 226 231 235;            /* #E2E7EB */
    --m-disabled: 216 222 228;           /* #D8DEE4 */

    --m-success-tint: 231 246 238;       /* #E7F6EE */
    --m-success-line: 191 230 212;       /* #BFE6D4 — «ko'rilgan» tugma chegarasi */
    --m-danger-tint: 251 237 236;        /* #FBEDEC */
    --m-danger-deep: 199 71 63;          /* #C7473F */
    --m-danger-line: 243 211 208;        /* #F3D3D0 — destructive button border */
    --m-warning-tint: 253 246 236;       /* #FDF6EC */
    --m-warning-tint-2: 253 241 230;     /* #FDF1E6 */
    --m-warning-deep: 217 122 40;        /* #D97A28 */
    --m-warning-wash: 251 244 236;       /* #FBF4EC — low-stock banner + «Kam qoldi» pill */
    --m-warning-line: 241 221 191;       /* #F1DDBF — low-stock banner hairline */
    --m-warning-text: 138 90 30;         /* #8A5A1E — low-stock banner title */
    --m-warning-soft: 168 118 46;        /* #A8762E — low-stock banner subtitle */
    --m-warning-amber: 181 120 26;       /* #B5781A — «Kam qoldi» figure */
    --m-gold: 201 138 18;                /* #C98A12 */
    --m-gold-tint: 251 241 218;          /* #FBF1DA */

    --m-purple: 122 90 248;              /* #7A5AF8 */
    --m-purple-tint: 238 235 254;        /* #EEEBFE */
    --m-purple-deep: 91 62 232;          /* #5B3EE8 */
    --m-info: 42 111 219;                /* #2A6FDB */
    --m-info-tint: 237 244 253;          /* #EDF4FD */
    --m-info-deep: 31 78 156;            /* #1F4E9C */
    --m-info-line: 201 219 246;          /* #C9DBF6 — transfer banner / awaiting card border */
    --m-info-soft: 143 177 232;          /* #8FB1E8 — unit label next to a transfer quantity */

    --m-medal-gold: 243 178 41;          /* #F3B229 */
    --m-medal-gold-tint: 253 244 222;    /* #FDF4DE */
    --m-medal-silver: 154 168 181;       /* #9AA8B5 */
    --m-medal-silver-tint: 238 241 244;  /* #EEF1F4 */
    --m-medal-bronze: 201 138 94;        /* #C98A5E */
    --m-medal-bronze-tint: 249 238 228;  /* #F9EEE4 */

    --m-scrim: 16 24 40;                 /* sheet backdrop, used at /50 */
}