/*
 * Hugging Face (huggingface@1.0.0)
 * Palette: huggingface@1.0.0
 * Fonts:   heading=source-sans-3@1.0.0, body=source-sans-3@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-hug-yellow: #FFD21E;
  --color-swatch-hug-yellow-deep: #E6B800;
  --color-swatch-hug-orange: #FF9D00;
  --color-swatch-hug-orange-deep: #CC7E00;
  --color-swatch-hug-neutral: #6B7280;
  --color-swatch-hub-canvas: #FFFFFF;
  --color-swatch-hub-surface: #F9FAFB;
  --color-swatch-hub-surface-elevated: #F3F4F6;
  --color-swatch-hub-border: #E5E7EB;
  --color-swatch-hub-ink: #111827;
  --color-swatch-hub-ink-secondary: #374151;
  --color-swatch-hub-ink-tertiary: #6B7280;
  --color-swatch-hub-night: #0B0F19;
  --color-swatch-hub-night-surface: #1F2937;
  --color-swatch-hub-night-border: #374151;
  --color-swatch-hub-success: #16A34A;
  --color-swatch-hub-error: #DC2626;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F9FAFB;
  --color-surface-elevated: #F3F4F6;
  --color-text-primary: #111827;
  --color-text-secondary: #374151;
  --color-text-tertiary: #6B7280;
  --color-primary: #FFD21E;
  --color-primary-hover: #E6B800;
  --color-accent: #FF9D00;
  --color-accent-hover: #CC7E00;
  --color-success: #16A34A;
  --color-warning: #FF9D00;
  --color-error: #DC2626;
  --color-border: #E5E7EB;

  /* Brand-level role overrides */
  --brand-color-identity: #FFD21E;
  --brand-color-on-identity: #111827;
  --brand-color-primary: #FFD21E;
  --brand-color-primary-hover: #E6B800;
  --brand-color-accent: #FF9D00;
  --brand-color-accent-hover: #CC7E00;
  --brand-color-mark: #FFD21E;
  --brand-color-success: #16A34A;
  --brand-color-warning: #FF9D00;
  --brand-color-error: #DC2626;
  --brand-color-text-primary-light: #111827;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #0B0F19;
  --brand-color-surface-light: #F9FAFB;
  --brand-color-surface-dark: #1F2937;
  --brand-color-text-secondary-light: #374151;
  --brand-color-text-tertiary-light: #6B7280;
  --brand-color-border-light: #E5E7EB;

  /* Typography */
  --font-heading: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Source Sans 3', -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: #0B0F19;
    --color-surface: #1F2937;
    --color-surface-elevated: #374151;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #F3F4F6;
    --color-text-tertiary: #6B7280;
    --color-primary: #FFD21E;
    --color-primary-hover: #E6B800;
    --color-accent: #FF9D00;
    --color-accent-hover: #CC7E00;
    --color-success: #16A34A;
    --color-warning: #FF9D00;
    --color-error: #DC2626;
    --color-border: #374151;
  }
}