/*
 * Mozilla (mozilla@1.0.0)
 * Palette: mozilla@1.0.0
 * Fonts:   heading=inter@1.0.0, body=inter@1.0.0, mono=source-code-pro@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-mozilla-black: #161616;
  --color-swatch-firefox-orange: #FF7139;
  --color-swatch-firefox-red: #E66000;
  --color-swatch-firefox-yellow: #FFCB39;
  --color-swatch-firefox-blue: #0060DF;
  --color-swatch-firefox-purple: #9059FF;
  --color-swatch-mozilla-dark-canvas: #0C0C0D;
  --color-swatch-mozilla-charcoal: #252525;
  --color-swatch-mozilla-gray: #737373;
  --color-swatch-mozilla-light-gray: #D7D7DB;
  --color-swatch-mozilla-off-white: #F9F9FA;
  --color-swatch-mozilla-white: #FFFFFF;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F9F9FA;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #161616;
  --color-text-secondary: #737373;
  --color-text-tertiary: #E66000;
  --color-primary: #161616;
  --color-primary-hover: #E66000;
  --color-accent: #FF7139;
  --color-accent-hover: #E66000;
  --color-warning: #FFCB39;
  --color-warning-hover: #FF7139;
  --color-error: #E66000;
  --color-success: #0060DF;

  /* Brand-level role overrides */
  --brand-color-identity: #161616;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-primary: #161616;
  --brand-color-primary-hover: #E66000;
  --brand-color-accent: #FF7139;
  --brand-color-accent-hover: #E66000;
  --brand-color-background: #FFFFFF;
  --brand-color-surface: #F9F9FA;
  --brand-color-text-primary: #161616;
  --brand-color-text-secondary: #737373;

  /* 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: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #0C0C0D;
    --color-surface: #161616;
    --color-surface-elevated: #252525;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #D7D7DB;
    --color-text-tertiary: #FF7139;
    --color-primary: #FF7139;
    --color-primary-hover: #FFCB39;
    --color-accent: #9059FF;
    --color-accent-hover: #0060DF;
    --color-warning: #FFCB39;
    --color-warning-hover: #FF7139;
    --color-error: #E66000;
    --color-success: #0060DF;
  }
}