/*
 * SYNCED COPY of @paysera/ui tokens - do not hand-edit values here.
 * Source of truth: lib-paysera-ui src/utils/colorToken/tokens.css
 * Synced 2026-09-15 from master @ 0b665a60 (tag 5.6.0).
 * Re-check drift: node tools/check-token-drift.mjs <path-to-lib-tokens.css>
 * After any sync: node tools/gen-shared-config.js && node validator/gen-allowlist.mjs
 * && rebuild styles.css (tools/README.md), then node validator/validate.mjs.
 */
/**
 * Semantic Color Tokens
 *
 * MAINTAINED BY HAND against the Figma exports in design-tokens/.
 *
 * There is no generator for this file and there deliberately is not one: the
 * exports arrive with naming defects, so a regenerate-and-overwrite step would
 * encode them. Run `npm run tokens:diff` to see how this file differs from the
 * latest export, then apply the value changes here yourself.
 * The intake flow is written up in design-tokens/README.md.
 *
 * This file uses a two-level CSS variable system:
 * 1. Base Palette - Named colors from Figma (--blue-500, --gray-100, etc.)
 * 2. Semantic Tokens - Design system tokens (--surface-action-primary-initial, etc.)
 *
 * The semantic tokens reference base palette colors, allowing theme switching
 * by only updating semantic variables in [data-theme="dark"].
 *
 * Usage:
 * - Light theme (default): <html> or <body>
 * - Dark theme: <html data-theme="dark"> or <body data-theme="dark">
 */

:root {
    /* ========================================
   * LEVEL 1: Base Color Palette from Figma
   * ======================================== */

    /* Blue */
    --blue-50: #eff6ff;
    --blue-100: #dbeafe;
    --blue-200: #d0e2ff;
    --blue-300: #a6c8ff;
    --blue-400: #78a9ff;
    --blue-500: #4589ff;
    --blue-600: #0f62fe;
    --blue-700: #0043ce;
    --blue-800: #002d9c;
    --blue-900: #001d6c;
    --blue-950: #162456;

    /* Emerald */
    --emerald-50: #ecfdf5;
    --emerald-500: #10b981;
    --emerald-900: #064e3b;

    /* Gray */
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;

    /* Green */
    --green-50: #f0fdf4;
    --green-100: #dcfce7;
    --green-200: #bbf7d0;
    --green-300: #86efac;
    --green-500: #33cc66;
    --green-600: #16a34a;
    --green-700: #15803d;
    --green-800: #166534;
    --green-900: #14532d;
    --green-950: #052e16;

    /* Indigo */
    --indigo-50: #eef2ff;
    --indigo-500: #6366f1;
    --indigo-600: #4f46e5;
    --indigo-900: #000099;

    /* Lime */
    --lime-50: #f7fee7;
    --lime-500: #84cc16;
    --lime-900: #365314;

    /* Orange */
    --orange-50: #fff7ed;
    --orange-100: #ffedd5;
    --orange-200: #fed7aa;
    --orange-300: #fdba74;
    --orange-700: #c2410c;
    --orange-800: #9a3412;
    --orange-900: #7c2d12;
    --orange-950: #431407;

    /* Pink */
    --pink-50: #fdf2f8;
    --pink-500: #ec4899;
    --pink-900: #831843;

    /* Purple */
    --purple-50: #faf5ff;
    --purple-500: #a855f7;
    --purple-900: #581c87;

    /* Red */
    --red-50: #fef2f2;
    --red-100: #fee2e2;
    --red-200: #fecaca;
    --red-300: #fca5a5;
    --red-400: #f87171;
    --red-500: #ef4444;
    --red-600: #dc2626;
    --red-700: #b91c1c;
    --red-800: #991b1b;
    --red-900: #7f1d1d;
    --red-950: #450a0a;

    /* Rose */
    --rose-50: #fff1f2;
    --rose-500: #f43f5e;
    --rose-900: #881337;

    /* Sky */
    --sky-50: #f0f9ff;
    --sky-500: #3399ff;
    --sky-900: #0c4a6e;

    /* Slate */
    --slate-50: #f8fafc;
    --slate-200: #e2e8f0;
    --slate-300: #cbd5e1;
    --slate-400: #94a3b8;
    --slate-500: #64748b;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1e293b;
    --slate-900: #0f172a;
    --slate-950: #020617;

    /* Teal */
    --teal-50: #f0fdfa;
    --teal-500: #14b8a6;
    --teal-900: #134e4a;

    /* Violet */
    --violet-50: #f5f3ff;
    --violet-500: #8b5cf6;
    --violet-900: #4c1d95;

    /* White */
    --white: #ffffff;

    /* Yellow */
    --yellow-50: #fefce8;
    --yellow-400: #facc15;
    --yellow-500: #eab308;
    --yellow-600: #ca8a04;
    --yellow-700: #a16207;
    --yellow-800: #854d0e;
    --yellow-900: #713f12;

    /* Transparent Colors */
    --white-alpha-0: #ffffff00;
    --white-alpha-15: #ffffff26;
    --white-alpha-50: #ffffff80;
    --overlay-dark: #0011414d;

    /* ========================================
   * LEVEL 2: Semantic Tokens (Light Theme)
   * Reference base palette colors
   * ======================================== */

    /* Background tokens */
    --background-neutral-primary-initial: var(--white);
    --background-neutral-secondary-initial: var(--gray-100);
    --background-neutral-tertiary-initial: var(--overlay-dark);

    /* Border tokens */
    --border-action-primary-disabled: var(--gray-200);
    --border-action-primary-hover: var(--blue-500);
    --border-action-primary-initial: var(--blue-600);
    --border-action-primary-pressed: var(--blue-700);
    --border-action-secondary-disabled: var(--gray-100);
    --border-action-secondary-hover: var(--gray-400);
    --border-action-secondary-initial: var(--gray-200);
    --border-action-secondary-pressed: var(--gray-500);
    --border-action-tertiary-disabled: var(--gray-50);
    --border-action-tertiary-hover: var(--gray-200);
    --border-action-tertiary-initial: var(--gray-100);
    --border-action-tertiary-pressed: var(--gray-100);
    --border-critical-primary-disabled: var(--gray-200);
    --border-critical-primary-hover: var(--red-500);
    --border-critical-primary-initial: var(--red-600);
    --border-critical-primary-pressed: var(--red-700);
    --border-critical-secondary-disabled: var(--gray-200);
    --border-critical-secondary-hover: var(--red-100);
    --border-critical-secondary-initial: var(--red-50);
    --border-critical-secondary-pressed: var(--red-200);
    --border-info-primary-disabled: var(--gray-200);
    --border-info-primary-hover: var(--blue-500);
    --border-info-primary-initial: var(--blue-600);
    --border-info-primary-pressed: var(--blue-700);
    --border-info-secondary-disabled: var(--gray-200);
    --border-info-secondary-hover: var(--blue-100);
    --border-info-secondary-initial: var(--blue-50);
    --border-info-secondary-pressed: var(--blue-200);
    --border-inversed-primary-disabled: var(--white-alpha-15);
    --border-inversed-primary-initial: var(--white);
    --border-inversed-secondary-disabled: var(--white-alpha-15);
    --border-inversed-secondary-initial: var(--white-alpha-50);
    --border-neutral-primary-disabled: var(--gray-100);
    --border-neutral-primary-initial: var(--gray-200);
    --border-neutral-secondary-disabled: var(--gray-50);
    --border-neutral-secondary-initial: var(--gray-100);
    --border-success-primary-disabled: var(--gray-200);
    --border-success-primary-hover: var(--green-600);
    --border-success-primary-initial: var(--green-700);
    --border-success-primary-pressed: var(--green-800);
    --border-success-secondary-disabled: var(--gray-200);
    --border-success-secondary-hover: var(--green-100);
    --border-success-secondary-initial: var(--green-50);
    --border-success-secondary-pressed: var(--green-200);
    --border-warning-primary-disabled: var(--gray-200);
    --border-warning-primary-hover: var(--yellow-500);
    --border-warning-primary-initial: var(--yellow-600);
    --border-warning-primary-pressed: var(--yellow-700);
    --border-warning-secondary-disabled: var(--gray-200);
    --border-warning-secondary-hover: var(--orange-100);
    --border-warning-secondary-initial: var(--orange-50);
    --border-warning-secondary-pressed: var(--orange-200);

    /* Focus-outline tokens */
    --focus-outline-neutral-primary-initial: var(--blue-600);

    /* Icon tokens */
    --icon-action-primary-disabled: var(--gray-400);
    --icon-action-primary-hover: var(--blue-500);
    --icon-action-primary-initial: var(--blue-600);
    --icon-action-primary-pressed: var(--blue-700);
    --icon-action-secondary-disabled: var(--gray-200);
    --icon-action-secondary-hover: var(--slate-900);
    --icon-action-secondary-initial: var(--slate-950);
    --icon-action-secondary-pressed: var(--slate-800);
    --icon-critical-primary-disabled: var(--gray-200);
    --icon-critical-primary-hover: var(--red-500);
    --icon-critical-primary-initial: var(--red-600);
    --icon-critical-primary-pressed: var(--red-700);
    --icon-critical-secondary-disabled: var(--gray-200);
    --icon-critical-secondary-hover: var(--red-100);
    --icon-critical-secondary-initial: var(--red-50);
    --icon-critical-secondary-pressed: var(--red-200);
    --icon-info-primary-disabled: var(--gray-200);
    --icon-info-primary-hover: var(--blue-500);
    --icon-info-primary-initial: var(--blue-600);
    --icon-info-primary-pressed: var(--blue-700);
    --icon-info-secondary-disabled: var(--gray-200);
    --icon-info-secondary-hover: var(--blue-100);
    --icon-info-secondary-initial: var(--blue-50);
    --icon-info-secondary-pressed: var(--blue-200);
    --icon-inversed-primary-disabled: var(--white-alpha-15);
    --icon-inversed-primary-initial: var(--white);
    --icon-inversed-secondary-disabled: var(--white-alpha-15);
    --icon-inversed-secondary-initial: var(--white-alpha-50);
    --icon-neutral-primary-disabled: var(--gray-400);
    --icon-neutral-primary-initial: var(--gray-800);
    --icon-neutral-secondary-disabled: var(--gray-400);
    --icon-neutral-secondary-initial: var(--gray-500);
    --icon-neutral-tertiary-disabled: var(--gray-300);
    --icon-neutral-tertiary-initial: var(--gray-400);
    --icon-success-primary-disabled: var(--gray-200);
    --icon-success-primary-hover: var(--green-600);
    --icon-success-primary-initial: var(--green-700);
    --icon-success-primary-pressed: var(--green-700);
    --icon-success-secondary-disabled: var(--gray-200);
    --icon-success-secondary-hover: var(--green-100);
    --icon-success-secondary-initial: var(--green-50);
    --icon-success-secondary-pressed: var(--green-200);
    --icon-warning-primary-disabled: var(--gray-200);
    --icon-warning-primary-hover: var(--yellow-600);
    --icon-warning-primary-initial: var(--yellow-700);
    --icon-warning-primary-pressed: var(--yellow-800);
    --icon-warning-secondary-disabled: var(--gray-200);
    --icon-warning-secondary-hover: var(--orange-100);
    --icon-warning-secondary-initial: var(--orange-50);
    --icon-warning-secondary-pressed: var(--orange-200);

    /* Surface tokens */
    --surface-action-primary-disabled: var(--gray-200);
    --surface-action-primary-hover: var(--blue-500);
    --surface-action-primary-initial: var(--blue-600);
    --surface-action-primary-pressed: var(--blue-700);
    --surface-action-secondary-disabled: var(--gray-200);
    --surface-action-secondary-hover: var(--blue-50);
    --surface-action-secondary-initial: var(--white-alpha-0);
    --surface-action-secondary-pressed: var(--blue-100);
    --surface-action-tertiary-disabled: var(--gray-200);
    --surface-action-tertiary-hover: var(--slate-900);
    --surface-action-tertiary-initial: var(--slate-950);
    --surface-action-tertiary-pressed: var(--slate-800);
    --surface-critical-primary-disabled: var(--gray-200);
    --surface-critical-primary-hover: var(--red-500);
    --surface-critical-primary-initial: var(--red-600);
    --surface-critical-primary-pressed: var(--red-700);
    --surface-critical-secondary-disabled: var(--gray-200);
    --surface-critical-secondary-hover: var(--red-100);
    --surface-critical-secondary-initial: var(--red-50);
    --surface-critical-secondary-pressed: var(--red-200);
    --surface-info-primary-disabled: var(--gray-200);
    --surface-info-primary-hover: var(--blue-500);
    --surface-info-primary-initial: var(--blue-600);
    --surface-info-primary-pressed: var(--blue-700);
    --surface-info-secondary-disabled: var(--gray-200);
    --surface-info-secondary-hover: var(--blue-100);
    --surface-info-secondary-initial: var(--blue-50);
    --surface-info-secondary-pressed: var(--blue-200);
    --surface-neutral-primary-disabled: var(--gray-200);
    --surface-neutral-primary-hover: var(--blue-50);
    --surface-neutral-primary-initial: var(--white);
    --surface-neutral-primary-pressed: var(--blue-100);
    --surface-neutral-secondary-disabled: var(--gray-200);
    --surface-neutral-secondary-hover: var(--gray-50);
    --surface-neutral-secondary-initial: var(--gray-100);
    --surface-neutral-secondary-pressed: var(--gray-200);
    --surface-success-primary-disabled: var(--gray-200);
    --surface-success-primary-hover: var(--green-500);
    --surface-success-primary-initial: var(--green-600);
    --surface-success-primary-pressed: var(--green-700);
    --surface-success-secondary-disabled: var(--gray-200);
    --surface-success-secondary-hover: var(--green-100);
    --surface-success-secondary-initial: var(--green-50);
    --surface-success-secondary-pressed: var(--green-200);
    --surface-warning-primary-disabled: var(--gray-200);
    --surface-warning-primary-hover: var(--yellow-400);
    --surface-warning-primary-initial: var(--yellow-500);
    --surface-warning-primary-pressed: var(--yellow-600);
    --surface-warning-secondary-disabled: var(--gray-200);
    --surface-warning-secondary-hover: var(--orange-100);
    --surface-warning-secondary-initial: var(--orange-50);
    --surface-warning-secondary-pressed: var(--orange-200);

    /* Text tokens */
    --text-action-primary-disabled: var(--gray-400);
    --text-action-primary-hover: var(--blue-500);
    --text-action-primary-initial: var(--blue-600);
    --text-action-primary-pressed: var(--blue-700);
    --text-action-primary-visited: var(--indigo-600);
    --text-critical-primary-disabled: var(--gray-200);
    --text-critical-primary-initial: var(--red-600);
    --text-critical-secondary-disabled: var(--gray-200);
    --text-critical-secondary-initial: var(--red-300);
    --text-info-primary-disabled: var(--gray-200);
    --text-info-primary-initial: var(--blue-600);
    --text-info-secondary-disabled: var(--gray-200);
    --text-info-secondary-initial: var(--blue-300);
    --text-inversed-primary-disabled: var(--white-alpha-15);
    --text-inversed-primary-initial: var(--white);
    --text-inversed-secondary-disabled: var(--white-alpha-15);
    --text-inversed-secondary-initial: var(--white-alpha-50);
    --text-neutral-primary-disabled: var(--gray-400);
    --text-neutral-primary-initial: var(--gray-800);
    --text-neutral-secondary-disabled: var(--gray-400);
    --text-neutral-secondary-initial: var(--gray-600);
    --text-neutral-tertiary-disabled: var(--gray-300);
    --text-neutral-tertiary-initial: var(--gray-500);
    --text-success-primary-disabled: var(--gray-200);
    --text-success-primary-initial: var(--green-700);
    --text-success-secondary-disabled: var(--gray-200);
    --text-success-secondary-initial: var(--green-300);
    --text-warning-primary-disabled: var(--gray-200);
    --text-warning-primary-initial: var(--yellow-700);
    --text-warning-secondary-disabled: var(--gray-200);
    --text-warning-secondary-initial: var(--orange-300);

    /* ========================================
   * LEVEL 3: Decorative Tokens (Light Theme)
   * Non-semantic tints — illustrations, empty states, marketing
   * surfaces, avatars, categorical charts. No state or intent meaning.
   * ======================================== */

    /* Decorative Illustration */
    --decorative-illustration-primary-shadow: var(--blue-600);
    --decorative-illustration-primary-light: var(--sky-500);
    --decorative-illustration-primary-accent: var(--green-500);
    --decorative-illustration-primary-background: var(--blue-900);
    --decorative-illustration-primary-background-offset: var(--slate-200);
    --decorative-illustration-secondary-shadow: var(--slate-400);
    --decorative-illustration-secondary-light: var(--slate-300);
    --decorative-illustration-secondary-background: var(--slate-600);
    --decorative-illustration-secondary-background-offset: var(--slate-200);

    /* Decorative Palette */
    --decorative-palette-primary-sky: var(--sky-500);
    --decorative-palette-primary-teal: var(--teal-500);
    --decorative-palette-primary-emerald: var(--emerald-500);
    --decorative-palette-primary-lime: var(--lime-500);
    --decorative-palette-primary-yellow: var(--yellow-500);
    --decorative-palette-primary-rose: var(--rose-500);
    --decorative-palette-primary-pink: var(--pink-500);
    --decorative-palette-primary-purple: var(--purple-500);
    --decorative-palette-primary-violet: var(--violet-500);
    --decorative-palette-primary-indigo: var(--indigo-500);
    --decorative-palette-secondary-sky: var(--sky-50);
    --decorative-palette-secondary-teal: var(--teal-50);
    --decorative-palette-secondary-emerald: var(--emerald-50);
    --decorative-palette-secondary-lime: var(--lime-50);
    --decorative-palette-secondary-yellow: var(--yellow-50);
    --decorative-palette-secondary-rose: var(--rose-50);
    --decorative-palette-secondary-pink: var(--pink-50);
    --decorative-palette-secondary-purple: var(--purple-50);
    --decorative-palette-secondary-violet: var(--violet-50);
    --decorative-palette-secondary-indigo: var(--indigo-50);
}

[data-theme='dark'] {
    /* ========================================
   * Dark Theme: Semantic Token Overrides
   * Base palette remains unchanged
   * ======================================== */

    /* Background tokens */
    --background-neutral-primary-initial: var(--slate-900);
    --background-neutral-secondary-initial: var(--slate-900);
    --background-neutral-tertiary-initial: var(--overlay-dark);

    /* Border tokens */
    --border-action-primary-disabled: var(--gray-800);
    --border-action-primary-hover: var(--blue-500);
    --border-action-primary-initial: var(--blue-700);
    --border-action-primary-pressed: var(--blue-700);
    --border-action-secondary-disabled: var(--gray-800);
    --border-action-secondary-hover: var(--gray-400);
    --border-action-secondary-initial: var(--gray-700);
    --border-action-secondary-pressed: var(--slate-500);
    --border-action-tertiary-disabled: var(--gray-800);
    --border-action-tertiary-hover: var(--gray-600);
    --border-action-tertiary-initial: var(--gray-700);
    --border-action-tertiary-pressed: var(--gray-700);
    --border-critical-primary-disabled: var(--gray-800);
    --border-critical-primary-hover: var(--red-500);
    --border-critical-primary-initial: var(--red-600);
    --border-critical-primary-pressed: var(--red-700);
    --border-critical-secondary-disabled: var(--gray-800);
    --border-critical-secondary-hover: var(--red-800);
    --border-critical-secondary-initial: var(--red-900);
    --border-critical-secondary-pressed: var(--red-700);
    --border-info-primary-disabled: var(--gray-800);
    --border-info-primary-hover: var(--blue-500);
    --border-info-primary-initial: var(--blue-600);
    --border-info-primary-pressed: var(--blue-700);
    --border-info-secondary-disabled: var(--gray-800);
    --border-info-secondary-hover: var(--blue-800);
    --border-info-secondary-initial: var(--blue-900);
    --border-info-secondary-pressed: var(--blue-700);
    --border-inversed-primary-disabled: var(--white-alpha-15);
    --border-inversed-primary-initial: var(--white);
    --border-inversed-secondary-disabled: var(--white-alpha-15);
    --border-inversed-secondary-initial: var(--white-alpha-50);
    --border-neutral-primary-disabled: var(--gray-800);
    --border-neutral-primary-initial: var(--gray-700);
    --border-neutral-secondary-disabled: var(--gray-800);
    --border-neutral-secondary-initial: var(--gray-700);
    --border-success-primary-disabled: var(--gray-800);
    --border-success-primary-hover: var(--green-600);
    --border-success-primary-initial: var(--green-700);
    --border-success-primary-pressed: var(--green-800);
    --border-success-secondary-disabled: var(--gray-800);
    --border-success-secondary-hover: var(--green-800);
    --border-success-secondary-initial: var(--green-900);
    --border-success-secondary-pressed: var(--green-700);
    --border-warning-primary-disabled: var(--gray-800);
    --border-warning-primary-hover: var(--yellow-500);
    --border-warning-primary-initial: var(--yellow-600);
    --border-warning-primary-pressed: var(--yellow-700);
    --border-warning-secondary-disabled: var(--gray-800);
    --border-warning-secondary-hover: var(--orange-800);
    --border-warning-secondary-initial: var(--orange-900);
    --border-warning-secondary-pressed: var(--orange-700);

    /* Focus-outline tokens */
    --focus-outline-neutral-primary-initial: var(--blue-600);

    /* Icon tokens */
    --icon-action-primary-disabled: var(--gray-600);
    --icon-action-primary-hover: var(--blue-400);
    --icon-action-primary-initial: var(--blue-500);
    --icon-action-primary-pressed: var(--blue-600);
    --icon-action-secondary-disabled: var(--gray-800);
    --icon-action-secondary-hover: var(--slate-500);
    --icon-action-secondary-initial: var(--slate-600);
    --icon-action-secondary-pressed: var(--slate-700);
    --icon-critical-primary-disabled: var(--gray-800);
    --icon-critical-primary-hover: var(--red-400);
    --icon-critical-primary-initial: var(--red-500);
    --icon-critical-primary-pressed: var(--red-600);
    --icon-critical-secondary-disabled: var(--gray-800);
    --icon-critical-secondary-hover: var(--red-900);
    --icon-critical-secondary-initial: var(--red-950);
    --icon-critical-secondary-pressed: var(--red-900);
    --icon-info-primary-disabled: var(--gray-800);
    --icon-info-primary-hover: var(--blue-400);
    --icon-info-primary-initial: var(--blue-500);
    --icon-info-primary-pressed: var(--blue-600);
    --icon-info-secondary-disabled: var(--gray-800);
    --icon-info-secondary-hover: var(--blue-900);
    --icon-info-secondary-initial: var(--blue-950);
    --icon-info-secondary-pressed: var(--blue-900);
    --icon-inversed-primary-disabled: var(--white-alpha-15);
    --icon-inversed-primary-initial: var(--white);
    --icon-inversed-secondary-disabled: var(--white-alpha-15);
    --icon-inversed-secondary-initial: var(--white-alpha-50);
    --icon-neutral-primary-disabled: var(--gray-600);
    --icon-neutral-primary-initial: var(--slate-50);
    --icon-neutral-secondary-disabled: var(--gray-600);
    --icon-neutral-secondary-initial: var(--gray-400);
    --icon-neutral-tertiary-disabled: var(--gray-600);
    --icon-neutral-tertiary-initial: var(--gray-500);
    --icon-success-primary-disabled: var(--gray-800);
    --icon-success-primary-hover: var(--green-500);
    --icon-success-primary-initial: var(--green-600);
    --icon-success-primary-pressed: var(--green-600);
    --icon-success-secondary-disabled: var(--gray-800);
    --icon-success-secondary-hover: var(--green-900);
    --icon-success-secondary-initial: var(--green-950);
    --icon-success-secondary-pressed: var(--green-900);
    --icon-warning-primary-disabled: var(--gray-800);
    --icon-warning-primary-hover: var(--yellow-500);
    --icon-warning-primary-initial: var(--yellow-600);
    --icon-warning-primary-pressed: var(--yellow-700);
    --icon-warning-secondary-disabled: var(--gray-800);
    --icon-warning-secondary-hover: var(--orange-950);
    --icon-warning-secondary-initial: var(--orange-950);
    --icon-warning-secondary-pressed: var(--orange-900);

    /* Surface tokens */
    --surface-action-primary-disabled: var(--gray-800);
    --surface-action-primary-hover: var(--blue-500);
    --surface-action-primary-initial: var(--blue-600);
    --surface-action-primary-pressed: var(--blue-700);
    --surface-action-secondary-disabled: var(--gray-800);
    --surface-action-secondary-hover: var(--gray-700);
    --surface-action-secondary-initial: var(--white-alpha-0);
    --surface-action-secondary-pressed: var(--gray-700);
    --surface-action-tertiary-disabled: var(--gray-800);
    --surface-action-tertiary-hover: var(--slate-500);
    --surface-action-tertiary-initial: var(--slate-600);
    --surface-action-tertiary-pressed: var(--slate-700);
    --surface-critical-primary-disabled: var(--gray-800);
    --surface-critical-primary-hover: var(--red-500);
    --surface-critical-primary-initial: var(--red-600);
    --surface-critical-primary-pressed: var(--red-700);
    --surface-critical-secondary-disabled: var(--gray-800);
    --surface-critical-secondary-hover: var(--red-900);
    --surface-critical-secondary-initial: var(--red-950);
    --surface-critical-secondary-pressed: var(--red-800);
    --surface-info-primary-disabled: var(--gray-800);
    --surface-info-primary-hover: var(--blue-400);
    --surface-info-primary-initial: var(--blue-500);
    --surface-info-primary-pressed: var(--blue-600);
    --surface-info-secondary-disabled: var(--gray-800);
    --surface-info-secondary-hover: var(--blue-950);
    --surface-info-secondary-initial: var(--blue-950);
    --surface-info-secondary-pressed: var(--blue-950);
    --surface-neutral-primary-disabled: var(--slate-800);
    --surface-neutral-primary-hover: var(--blue-950);
    --surface-neutral-primary-initial: var(--slate-800);
    --surface-neutral-primary-pressed: var(--blue-950);
    --surface-neutral-secondary-disabled: var(--slate-700);
    --surface-neutral-secondary-hover: var(--gray-700);
    --surface-neutral-secondary-initial: var(--slate-700);
    --surface-neutral-secondary-pressed: var(--slate-700);
    --surface-success-primary-disabled: var(--gray-800);
    --surface-success-primary-hover: var(--green-500);
    --surface-success-primary-initial: var(--green-600);
    --surface-success-primary-pressed: var(--green-700);
    --surface-success-secondary-disabled: var(--gray-800);
    --surface-success-secondary-hover: var(--green-900);
    --surface-success-secondary-initial: var(--green-950);
    --surface-success-secondary-pressed: var(--green-900);
    --surface-warning-primary-disabled: var(--gray-800);
    --surface-warning-primary-hover: var(--yellow-400);
    --surface-warning-primary-initial: var(--yellow-500);
    --surface-warning-primary-pressed: var(--yellow-600);
    --surface-warning-secondary-disabled: var(--gray-800);
    --surface-warning-secondary-hover: var(--orange-900);
    --surface-warning-secondary-initial: var(--orange-950);
    --surface-warning-secondary-pressed: var(--orange-800);

    /* Text tokens */
    --text-action-primary-disabled: var(--gray-600);
    --text-action-primary-hover: var(--blue-500);
    --text-action-primary-initial: var(--blue-600);
    --text-action-primary-pressed: var(--blue-700);
    --text-action-primary-visited: var(--indigo-600);
    --text-critical-primary-disabled: var(--gray-800);
    --text-critical-primary-initial: var(--red-600);
    --text-critical-secondary-disabled: var(--gray-800);
    --text-critical-secondary-initial: var(--red-800);
    --text-info-primary-disabled: var(--gray-800);
    --text-info-primary-initial: var(--blue-600);
    --text-info-secondary-disabled: var(--gray-800);
    --text-info-secondary-initial: var(--blue-700);
    --text-inversed-primary-disabled: var(--white-alpha-15);
    --text-inversed-primary-initial: var(--white);
    --text-inversed-secondary-disabled: var(--white-alpha-15);
    --text-inversed-secondary-initial: var(--white-alpha-50);
    --text-neutral-primary-disabled: var(--gray-600);
    --text-neutral-primary-initial: var(--slate-50);
    --text-neutral-secondary-disabled: var(--gray-600);
    --text-neutral-secondary-initial: var(--gray-300);
    --text-neutral-tertiary-disabled: var(--gray-600);
    --text-neutral-tertiary-initial: var(--gray-400);
    --text-success-primary-disabled: var(--gray-800);
    --text-success-primary-initial: var(--green-600);
    --text-success-secondary-disabled: var(--gray-800);
    --text-success-secondary-initial: var(--green-800);
    --text-warning-primary-disabled: var(--gray-800);
    --text-warning-primary-initial: var(--yellow-700);
    --text-warning-secondary-disabled: var(--gray-800);
    --text-warning-secondary-initial: var(--orange-800);

    /* ========================================
   * Dark Theme: Decorative Token Overrides
   * ======================================== */

    /* Decorative Illustration */
    --decorative-illustration-primary-shadow: var(--blue-600);
    --decorative-illustration-primary-light: var(--sky-500);
    --decorative-illustration-primary-accent: var(--green-500);
    --decorative-illustration-primary-background: var(--blue-800);
    --decorative-illustration-primary-background-offset: var(--slate-800);
    --decorative-illustration-secondary-shadow: var(--slate-400);
    --decorative-illustration-secondary-light: var(--slate-300);
    --decorative-illustration-secondary-background: var(--slate-600);
    --decorative-illustration-secondary-background-offset: var(--slate-800);

    /* Decorative Palette */
    --decorative-palette-primary-sky: var(--sky-500);
    --decorative-palette-primary-teal: var(--teal-500);
    --decorative-palette-primary-emerald: var(--emerald-500);
    --decorative-palette-primary-lime: var(--lime-500);
    --decorative-palette-primary-yellow: var(--yellow-500);
    --decorative-palette-primary-rose: var(--rose-500);
    --decorative-palette-primary-pink: var(--pink-500);
    --decorative-palette-primary-purple: var(--purple-500);
    --decorative-palette-primary-violet: var(--violet-500);
    --decorative-palette-primary-indigo: var(--indigo-500);
    --decorative-palette-secondary-sky: var(--sky-900);
    --decorative-palette-secondary-teal: var(--teal-900);
    --decorative-palette-secondary-emerald: var(--emerald-900);
    --decorative-palette-secondary-lime: var(--lime-900);
    --decorative-palette-secondary-yellow: var(--yellow-900);
    --decorative-palette-secondary-rose: var(--rose-900);
    --decorative-palette-secondary-pink: var(--pink-900);
    --decorative-palette-secondary-purple: var(--purple-900);
    --decorative-palette-secondary-violet: var(--violet-900);
    --decorative-palette-secondary-indigo: var(--indigo-900);
}