/*
 * Pinterest (pinterest@1.0.0)
 * Palette: pinterest@1.0.0
 * Fonts:   heading=pinterest-sans@1.0.0, body=pinterest-sans@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-pinterest-red: #E60023;
  --color-swatch-pinterest-red-dark: #AD081B;
  --color-swatch-pinterest-white: #FFFFFF;
  --color-swatch-pinterest-near-white: #F9F9F9;
  --color-swatch-pinterest-text-primary: #111111;
  --color-swatch-pinterest-text-secondary: #5F5F5F;
  --color-swatch-pinterest-text-tertiary: #767676;
  --color-swatch-pinterest-divider-light: #EFEFEF;
  --color-swatch-pinterest-canvas-dark: #111111;
  --color-swatch-pinterest-surface-dark: #1F1F1F;
  --color-swatch-pinterest-surface-elevated-dark: #2A2A2A;
  --color-swatch-pinterest-text-on-dark: #E9E9E9;
  --color-swatch-pinterest-text-secondary-dark: #B0B0B0;
  --color-swatch-pinterest-green: #0FA573;
  --color-swatch-pinterest-yellow: #E8B021;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F9F9F9;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #111111;
  --color-text-secondary: #5F5F5F;
  --color-text-tertiary: #767676;
  --color-primary: #E60023;
  --color-primary-hover: #AD081B;
  --color-accent: #E60023;
  --color-accent-hover: #AD081B;
  --color-warning: #E8B021;
  --color-warning-hover: #E8B021;
  --color-error: #E60023;
  --color-success: #0FA573;

  /* Brand-level role overrides */
  --brand-color-identity: #E60023;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-primary: #E60023;
  --brand-color-primary-hover: #AD081B;
  --brand-color-accent: #E60023;
  --brand-color-accent-hover: #AD081B;
  --brand-color-success: #0FA573;
  --brand-color-warning: #E8B021;
  --brand-color-error: #E60023;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #111111;
  --brand-color-surface-light: #F9F9F9;
  --brand-color-surface-dark: #1F1F1F;
  --brand-color-surface-elevated-dark: #2A2A2A;
  --brand-color-text-primary-light: #111111;
  --brand-color-text-primary-dark: #E9E9E9;
  --brand-color-text-secondary-light: #5F5F5F;
  --brand-color-text-secondary-dark: #B0B0B0;
  --brand-color-divider: #EFEFEF;

  /* Typography */
  --font-heading: 'Pinterest Sans', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Pinterest Sans', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', '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: #111111;
    --color-surface: #1F1F1F;
    --color-surface-elevated: #2A2A2A;
    --color-text-primary: #E9E9E9;
    --color-text-secondary: #B0B0B0;
    --color-text-tertiary: #B0B0B0;
    --color-primary: #E60023;
    --color-primary-hover: #AD081B;
    --color-accent: #E60023;
    --color-accent-hover: #AD081B;
    --color-warning: #E8B021;
    --color-warning-hover: #E8B021;
    --color-error: #E60023;
    --color-success: #0FA573;
  }
}