/*
 * GOV.UK Design System (govuk@1.0.0)
 * Palette: govuk@1.0.0
 * Fonts:   heading=inter@1.0.0, body=inter@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-text: #0B0C0C;
  --color-swatch-secondary-text: #484949;
  --color-swatch-link: #1A65A6;
  --color-swatch-link-hover: #0F385C;
  --color-swatch-link-visited: #54319F;
  --color-swatch-link-active: #0B0C0C;
  --color-swatch-border: #CECECE;
  --color-swatch-input-border: #0B0C0C;
  --color-swatch-hover: #CECECE;
  --color-swatch-focus: #FFDD00;
  --color-swatch-focus-text: #0B0C0C;
  --color-swatch-error: #CA3535;
  --color-swatch-success: #0F7A52;
  --color-swatch-brand: #1D70B8;
  --color-swatch-body-background: #FFFFFF;
  --color-swatch-template-background: #F4F8FB;
  --color-swatch-surface-background: #F4F8FB;
  --color-swatch-surface-text: #0B0C0C;
  --color-swatch-surface-border: #8EB8DC;
  --color-swatch-web-blue: #1D70B8;
  --color-swatch-web-green: #0F7A52;
  --color-swatch-web-teal: #158187;
  --color-swatch-web-purple: #54319F;
  --color-swatch-web-magenta: #CA357C;
  --color-swatch-web-red: #CA3535;
  --color-swatch-web-orange: #F47738;
  --color-swatch-web-yellow: #FFDD00;
  --color-swatch-web-brown: #99704A;
  --color-swatch-web-black: #0B0C0C;
  --color-swatch-web-white: #FFFFFF;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F4F8FB;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #0B0C0C;
  --color-text-secondary: #484949;
  --color-text-tertiary: #484949;
  --color-primary: #1D70B8;
  --color-primary-hover: #0F385C;
  --color-accent: #FFDD00;
  --color-accent-hover: #FFDD00;
  --color-warning: #F47738;
  --color-warning-hover: #F47738;
  --color-error: #CA3535;
  --color-success: #0F7A52;
  --color-border: #CECECE;

  /* Brand-level role overrides */
  --brand-color-identity: #FFFFFF;
  --brand-color-on-identity: #0B0C0C;
  --brand-color-primary: #1D70B8;
  --brand-color-primary-hover: #0F385C;
  --brand-color-accent: #FFDD00;
  --brand-color-accent-hover: #FFDD00;
  --brand-color-mark: #0B0C0C;
  --brand-color-success: #0F7A52;
  --brand-color-warning: #F47738;
  --brand-color-error: #CA3535;
  --brand-color-text-primary-light: #0B0C0C;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #0B0C0C;
  --brand-color-surface-light: #F4F8FB;
  --brand-color-surface-dark: #0B0C0C;
  --brand-color-text-secondary-light: #484949;
  --brand-color-text-tertiary-light: #484949;
  --brand-color-border-light: #CECECE;

  /* Typography */
  --font-heading: Inter, -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: '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: #0B0C0C;
    --color-surface: #0B0C0C;
    --color-surface-elevated: #484949;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #CECECE;
    --color-text-tertiary: #CECECE;
    --color-primary: #1D70B8;
    --color-primary-hover: #1D70B8;
    --color-accent: #FFDD00;
    --color-accent-hover: #FFDD00;
    --color-warning: #F47738;
    --color-warning-hover: #F47738;
    --color-error: #CA3535;
    --color-success: #0F7A52;
    --color-border: #484949;
  }
}