/* GENERATED — do not edit.
 * Source: shared/design_tokens.py · Regenerate:
 *   python scripts/generate_css_tokens.py
 * Editing this file by hand is reverted by the next run, and
 * saas/tests/test_design_tokens.py fails until it is regenerated. */


:root {
    --border: #1B3327;
    --brand: #0B6E4F;
    --brand-deep: #0A3D2E;
    --brand-hover: #0E8A63;
    --brand-lit: #2FD39A;
    --brand-soft: #0F2E22;
    --canvas: #04100B;
    --danger: #FF6B6B;
    --glow: 0 0 0 1px rgba(47, 211, 154, 0.10), 0 0 40px -12px rgba(47, 211, 154, 0.30);
    --ink: #E9F2EC;
    --lattice: rgba(47, 211, 154, 0.10);
    --muted: #93AA9E;
    --neu-dark: rgba(0, 0, 0, .5);
    --neu-light: rgba(255, 255, 255, .05);
    --sand: #16281E;
    --shadow: 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 50px rgba(0, 0, 0, 0.55);
    --surface: #0A1912;
    --surface-2: #0E2318;
    --warning: #F0B429;
    --radius: 14px;
    --font: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;
    --font-display: "Amiri", "IBM Plex Sans Arabic", Georgia, serif;
    --step-hero: clamp(2.8rem, 9vw, 7.5rem);
    --step-1: clamp(1.9rem, 4.2vw, 3.4rem);
    --step-2: clamp(1.35rem, 2.4vw, 2rem);
}

:root[data-theme="light"] {
    --border: #E3DFD4;
    --brand: #0B6E4F;
    --brand-deep: #0A3D2E;
    --brand-hover: #095C42;
    --brand-lit: #0B6E4F;
    --brand-soft: #E8F2ED;
    --canvas: #F6F4EE;
    --danger: #B91C1C;
    --glow: none;
    --ink: #201F1B;
    --lattice: rgba(11, 110, 79, 0.14);
    --muted: #63625B;
    --neu-dark: rgba(163, 157, 144, .55);
    --neu-light: rgba(255, 255, 255, .95);
    --sand: #EBE7DD;
    --shadow: 0 1px 2px rgba(32, 31, 27, 0.04), 0 8px 28px rgba(32, 31, 27, 0.05);
    --surface: #FFFFFF;
    --surface-2: #FAF8F3;
    --warning: #B45309;
}