/*
 * BBC (bbc@1.0.0)
 * Palette: bbc@1.0.0
 * Fonts:   heading=inter@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-postbox: #B80000;
  --color-swatch-postbox-30: #EAB3B3;
  --color-swatch-black: #000000;
  --color-swatch-ebon: #222222;
  --color-swatch-midnight-black: #121212;
  --color-swatch-white: #FFFFFF;
  --color-swatch-ghost: #FDFDFD;
  --color-swatch-chalk: #ECEAE7;
  --color-swatch-oat-light: #F5F3F1;
  --color-swatch-lunar: #F2F2F2;
  --color-swatch-lunar-light: #F8F8F8;
  --color-swatch-grey-3: #E6E8EA;
  --color-swatch-grey-4: #B0B2B4;
  --color-swatch-grey-5: #8A8C8E;
  --color-swatch-grey-6: #545658;
  --color-swatch-grey-7: #3A3C3E;
  --color-swatch-service-neutral: #0071F1;
  --color-swatch-service-neutral-dark: #0051AD;
  --color-swatch-live-core: #009E9E;
  --color-swatch-live-light: #00CCC7;
  --color-swatch-sport-yellow: #FFD230;
  --color-swatch-error-core: #E51854;
  --color-swatch-success-core: #148A00;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #ECEAE7;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #222222;
  --color-text-secondary: #545658;
  --color-text-tertiary: #8A8C8E;
  --color-primary: #B80000;
  --color-primary-hover: #0051AD;
  --color-accent: #B80000;
  --color-accent-hover: #0071F1;
  --color-warning: #FFD230;
  --color-error: #E51854;
  --color-success: #148A00;
  --color-border: #E6E8EA;

  /* Brand-level role overrides */
  --brand-color-identity: #B80000;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-primary: #B80000;
  --brand-color-primary-hover: #0051AD;
  --brand-color-accent: #B80000;
  --brand-color-accent-hover: #009E9E;
  --brand-color-mark: #B80000;
  --brand-color-success: #148A00;
  --brand-color-warning: #FFD230;
  --brand-color-error: #E51854;
  --brand-color-text-primary-light: #222222;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #121212;
  --brand-color-surface-light: #ECEAE7;
  --brand-color-surface-dark: #3A3C3E;
  --brand-color-text-secondary-light: #545658;
  --brand-color-text-tertiary-light: #8A8C8E;
  --brand-color-border-light: #E6E8EA;

  /* 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: '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: #121212;
    --color-surface: #3A3C3E;
    --color-surface-elevated: #545658;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #E6E8EA;
    --color-text-tertiary: #B0B2B4;
    --color-primary: #B80000;
    --color-primary-hover: #EAB3B3;
    --color-accent: #B80000;
    --color-accent-hover: #00CCC7;
    --color-warning: #FFD230;
    --color-error: #E51854;
    --color-success: #148A00;
    --color-border: #545658;
  }
}