/*
 * Unreal Engine (unreal-engine@1.0.0)
 * Palette: unreal-engine@1.0.0
 * Fonts:   heading=inter-tight@1.0.0, body=inter@1.0.0, mono=jetbrainsmono-nerdfont@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-unreal-blue: #26BBFF;
  --color-swatch-unreal-blue-hover: #72D3FF;
  --color-swatch-unreal-blue-400: #33BFFF;
  --color-swatch-unreal-blue-500: #69D0FF;
  --color-swatch-unreal-blue-600: #A0E1FF;
  --color-swatch-unreal-blue-700: #D6F2FF;
  --color-swatch-unreal-blue-300: #258CBB;
  --color-swatch-unreal-blue-200: #185977;
  --color-swatch-unreal-blue-100: #0A2633;
  --color-swatch-ink: #101014;
  --color-swatch-ink-elevated: #202024;
  --color-swatch-ink-elevated-hover: #505054;
  --color-swatch-ink-divider: #303034;
  --color-swatch-ink-deep: #000000;
  --color-swatch-snow: #FFFFFF;
  --color-swatch-snow-soft: #808084;
  --color-swatch-critical-default: #FF3F56;
  --color-swatch-critical-alternate: #FF6173;
  --color-swatch-critical-text: #FF6173;
  --color-swatch-success-default: #8AEA90;
  --color-swatch-success-alternate: #71D687;
  --color-swatch-warning-default: #FFC229;
  --color-swatch-warning-yellow-400: #F7D82B;
  --color-swatch-gradient-green: #5FE367;
  --color-swatch-gradient-orange: #FE8539;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #D6F2FF;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #101014;
  --color-text-secondary: #505054;
  --color-text-tertiary: #808084;
  --color-primary: #185977;
  --color-primary-hover: #258CBB;
  --color-accent: #258CBB;
  --color-accent-hover: #185977;
  --color-warning: #FFC229;
  --color-warning-hover: #FE8539;
  --color-error: #FF3F56;
  --color-success: #71D687;
  --color-border: #303034;

  /* Brand-level role overrides */
  --brand-color-identity: #101014;
  --brand-color-on-identity: #26BBFF;
  --brand-color-primary: #26BBFF;
  --brand-color-primary-hover: #72D3FF;
  --brand-color-accent: #72D3FF;
  --brand-color-accent-hover: #69D0FF;
  --brand-color-mark: #FFFFFF;
  --brand-color-success: #8AEA90;
  --brand-color-warning: #FFC229;
  --brand-color-error: #FF3F56;
  --brand-color-text-primary-light: #101014;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #101014;
  --brand-color-surface-light: #D6F2FF;
  --brand-color-surface-dark: #202024;
  --brand-color-text-secondary-light: #505054;
  --brand-color-text-tertiary-light: #808084;
  --brand-color-border-light: #303034;

  /* Typography */
  --font-heading: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrainsMono Nerd Font', 'JetBrains Mono', 'Fira Code', Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #101014;
    --color-surface: #202024;
    --color-surface-elevated: #505054;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #808084;
    --color-text-tertiary: #505054;
    --color-primary: #26BBFF;
    --color-primary-hover: #72D3FF;
    --color-accent: #72D3FF;
    --color-accent-hover: #69D0FF;
    --color-warning: #FFC229;
    --color-warning-hover: #FE8539;
    --color-error: #FF3F56;
    --color-success: #8AEA90;
    --color-border: #303034;
  }
}