/* Auto-generated by build-tokens.mjs — do not edit manually */

@layer base {
  :root {
    --background: 200 8.1% 7.3%; /* #111314 */
    --foreground: 24.4 38% 86.1%; /* #E9D9CE */

    --card: 195 8.7% 9%; /* #151819 */
    --card-foreground: 24.4 38% 86.1%; /* #E9D9CE */

    --popover: 195 8.7% 9%; /* #151819 */
    --popover-foreground: 24.4 38% 86.1%; /* #E9D9CE */

    --primary: 24 89% 53.7%; /* #F27420 */
    --primary-foreground: 200 8.1% 7.3%; /* #111314 - Dark text on the accent */

    --secondary: 200 9.1% 12.9%; /* #1E2224 */
    --secondary-foreground: 24.4 38% 86.1%; /* #E9D9CE */

    --muted: 197.1 7.7% 17.8%; /* #2A2F31 */
    --muted-foreground: 26.7 9.9% 64.3%; /* #ADA39B */

    --accent: 24 89% 53.7%; /* #F27420 - Brand orange */
    --accent-foreground: 200 8.1% 7.3%; /* #111314 */
    --accent-muted: 24.2 80.9% 34.9%; /* #A14B11 - subtle/inactive accent */
    --accent-hover: 22.8 86.2% 62.9%; /* #F28D4F - accent hover state */

    --destructive: 0 33.6% 58%; /* #B87070 - muted rose */
    --destructive-foreground: 24.4 38% 86.1%; /* #E9D9CE */

    --border: 197.1 9.1% 15.1%; /* #23282A */
    --input: 200 8.9% 19.8%; /* #2E3437 */
    --ring: 24 89% 53.7%; /* #F27420 - Brand orange focus ring */

    /* Motif border-radius scale */
    --br-sm: 0.375rem; /* 6px */
    --br-md: 0.5rem; /* 8px */
    --br-lg: 0.75rem; /* 12px */
    --radius: var(--br-md); /* 8px default (shadcn alias) */

    /* Motif rule-thickness scale */
    --rule-hairline: 0.0625rem; /* 1px */
    --rule-standard: 0.125rem; /* 2px */
    --rule-heavy: 0.25rem; /* 4px */

    /* Motif elevation / shadow scale */
    --shadow-subtle: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-large: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-glow-product: 0 0 60px hsl(var(--accent) / 0.12);

    /* Motif layering / z-index scale */
    --z-base: 0;
    --z-raised: 10;
    --z-overlay: 40;
    --z-modal: 50;
    --z-toast: 100;

    /* Motif semantic colors */
    --success: 120 13% 54.9%; /* #7D9B7D - sage green */
    --warning: 41.3 47.3% 56.1%; /* #C4A35A */
    --error: 0 33.6% 58%; /* #B87070 - muted rose */
    --info: 213.2 24.3% 54.9%; /* #7089A8 - dusty blue */
    --teal: 180 19.2% 51%; /* #6A9A9A - workflow Analysis category */
    --purple: 259.5 19.8% 57.5%; /* #8B7DA8 - workflow Scenario category */

    /* Motif background hierarchy */
    --bg-primary: 200 8.1% 7.3%; /* #111314 */
    --bg-secondary: 195 8.7% 9%; /* #151819 */
    --bg-tertiary: 200 9.1% 12.9%; /* #1E2224 */
    --bg-hover: 197.1 8.4% 16.3%; /* #262B2D */

    /* Motif text hierarchy */
    --text-primary: 24.4 38% 86.1%; /* #E9D9CE */
    --text-secondary: 26.7 9.9% 64.3%; /* #ADA39B */
    --text-tertiary: 23.1 5.6% 54.7%; /* #928A85 */
    --text-disabled: 26.7 4.1% 42.9%; /* #726D69 */

    /* Motif borders */
    --border-subtle: 197.1 9.1% 15.1%; /* #23282A */
    --border-default: 200 8.9% 19.8%; /* #2E3437 */
    --border-focus: 24 89% 53.7%; /* #F27420 */

    /* Motif chart series (chartPalette order) */
    --chart-cyan: 180 86.7% 35.5%; /* #0CA9A9 */
    --chart-pink: 328 41.8% 49.2%; /* #B24981 */
    --chart-blue: 207.2 81% 43.3%; /* #1577C8 */
    --chart-yellow: 50.2 96.6% 34.7%; /* #AE9203 */
    --chart-green: 129.1 64.7% 30%; /* #1B7E2A */
    --chart-violet: 263.2 62.7% 68.4%; /* #A37CE1 */
    --chart-red: 2 47% 50.4%; /* #BC4945 */
    --chart-indigo: 245.1 93.9% 67.8%; /* #6D60FA */

    /* Motif status colours */
    --status-good: 133.9 48.2% 49.2%; /* #41BA5D */
    --status-warning: 45 90.2% 47.8%; /* #E8B10C */
    --status-serious: 9.8 98.4% 75.5%; /* #FE9783 */
    --status-critical: 353.8 63.6% 52.5%; /* #D33949 */

    /* Motif sequential ramp (brand orange, light to dark) */
    --sequential-100: 21.5 100% 89.6%; /* #FFDDCA */
    --sequential-150: 21.5 100% 84.1%; /* #FFCBAE */
    --sequential-200: 21.5 98.2% 78.2%; /* #FEB891 */
    --sequential-250: 22.2 100% 72%; /* #FFA570 */
    --sequential-300: 22.7 98.9% 64.9%; /* #FE904D */
    --sequential-350: 23.4 85.5% 59.4%; /* #F0843F */
    --sequential-400: 23.7 75.6% 56.7%; /* #E47F3D */
    --sequential-450: 24 89% 53.7%; /* #F27420 */
    --sequential-500: 25.4 79.8% 44.7%; /* #CD6417 */
    --sequential-550: 27.4 95.8% 37.3%; /* #BA5704 */
    --sequential-600: 27.6 100% 32.4%; /* #A54C00 */
    --sequential-650: 26.8 97.2% 28.4%; /* #8F4102 */
    --sequential-700: 26.8 100% 24.1%; /* #7B3700 */

    /* Motif diverging ramp (blue positive, red negative) */
    --diverging-pos4: 208.3 98.8% 67.6%; /* #5BB1FE */
    --diverging-pos3: 207.6 80.2% 56.5%; /* #3797E9 */
    --diverging-pos2: 205.7 83.1% 44.1%; /* #137ECE */
    --diverging-pos1: 204 98.8% 33.7%; /* #0167AB */
    --diverging-mid: 180 3.1% 32%; /* #4F5454 */
    --diverging-neg1: 356.6 56.4% 43.1%; /* #AC3037 */
    --diverging-neg2: 358.6 52.7% 53.5%; /* #C74A4D */
    --diverging-neg3: 359.5 69.6% 63.9%; /* #E36364 */
    --diverging-neg4: 0.5 100% 74.5%; /* #FF7E7D */

    /* Motif typography */
    --font-display: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-marketing-display: Oswald, Impact, 'Arial Narrow', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-marketing: Sentient, Georgia, 'Times New Roman', serif;
    --font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

    /* Motif type scale */
    --text-display-size: 3rem;
    --text-h1-size: 2rem;
    --text-h2-size: 1.5rem;
    --text-h3-size: 1.125rem;
    --text-body-size: 0.875rem;
    --text-small-size: 0.75rem;
  }
}