/*
 * European Digital Identity (eudi@1.0.0)
 * Palette: eudi@1.0.0
 * Fonts:   heading=public-sans@1.0.0, body=manrope@1.0.0, mono=roboto-mono@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-branding: #004494;
  --color-swatch-primary-180: #051036;
  --color-swatch-primary-160: #0A1F6C;
  --color-swatch-primary-140: #0F2FA2;
  --color-swatch-primary-120: #143FD9;
  --color-swatch-primary-100: #3860ED;
  --color-swatch-primary-80: #5577F0;
  --color-swatch-primary-60: #89A1F4;
  --color-swatch-primary-40: #B1C0F8;
  --color-swatch-primary-20: #D8E0FB;
  --color-swatch-secondary-180: #8F5600;
  --color-swatch-secondary-160: #E08700;
  --color-swatch-secondary-140: #FF9D0A;
  --color-swatch-secondary-120: #FFAD33;
  --color-swatch-secondary-100: #FFBE5C;
  --color-swatch-secondary-80: #FFCB7C;
  --color-swatch-secondary-60: #FFD89D;
  --color-swatch-secondary-40: #FFE5BE;
  --color-swatch-secondary-20: #FFF2DE;
  --color-swatch-dark-100: #26324B;
  --color-swatch-dark-80: #546FA6;
  --color-swatch-dark-60: #99AACC;
  --color-swatch-neutral-180: #6C85D1;
  --color-swatch-neutral-160: #7F95D7;
  --color-swatch-neutral-140: #92A5DD;
  --color-swatch-neutral-120: #A6B5E3;
  --color-swatch-neutral-100: #B9C5E9;
  --color-swatch-neutral-80: #CDD5EF;
  --color-swatch-neutral-60: #E0E5F5;
  --color-swatch-neutral-40: #F3F5FB;
  --color-swatch-neutral-20: #F8F9FD;
  --color-swatch-info: #3860ED;
  --color-swatch-success: #24A148;
  --color-swatch-warning: #F39811;
  --color-swatch-error: #DA1E28;
  --color-swatch-background: #FCFCFC;
  --color-swatch-white: #FFFFFF;

  /* Light-mode semantic roles */
  --color-background: #FCFCFC;
  --color-surface: #F3F5FB;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #26324B;
  --color-text-secondary: #546FA6;
  --color-text-tertiary: #99AACC;
  --color-primary: #004494;
  --color-primary-hover: #0F2FA2;
  --color-accent: #FFBE5C;
  --color-accent-hover: #FF9D0A;
  --color-warning: #F39811;
  --color-warning-hover: #8F5600;
  --color-error: #DA1E28;
  --color-success: #24A148;
  --color-border: #B9C5E9;

  /* Brand-level role overrides */
  --brand-color-identity: #FFFFFF;
  --brand-color-on-identity: #26324B;
  --brand-color-primary: #004494;
  --brand-color-primary-hover: #0F2FA2;
  --brand-color-accent: #FFBE5C;
  --brand-color-accent-hover: #FF9D0A;
  --brand-color-mark: #004494;
  --brand-color-success: #24A148;
  --brand-color-warning: #F39811;
  --brand-color-error: #DA1E28;
  --brand-color-text-primary-light: #26324B;
  --brand-color-text-primary-dark: #E0E5F5;
  --brand-color-background-light: #FCFCFC;
  --brand-color-background-dark: #051036;
  --brand-color-surface-light: #F3F5FB;
  --brand-color-surface-dark: #0A1F6C;
  --brand-color-text-secondary-light: #546FA6;
  --brand-color-text-tertiary-light: #99AACC;
  --brand-color-border-light: #B9C5E9;

  /* Typography */
  --font-heading: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body: Manrope, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Roboto Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #051036;
    --color-surface: #0A1F6C;
    --color-surface-elevated: #0F2FA2;
    --color-text-primary: #E0E5F5;
    --color-text-secondary: #B9C5E9;
    --color-text-tertiary: #92A5DD;
    --color-primary: #89A1F4;
    --color-primary-hover: #B1C0F8;
    --color-accent: #FFBE5C;
    --color-accent-hover: #FFCB7C;
    --color-warning: #F39811;
    --color-warning-hover: #FFAD33;
    --color-error: #DA1E28;
    --color-success: #24A148;
    --color-border: #0F2FA2;
  }
}