/*
 * The Verge (the-verge@1.0.0)
 * Palette: the-verge@1.0.0
 * Fonts:   heading=inter@1.0.0, body=inter@1.0.0, serif=playfair-display@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-ink: #131313;
  --color-swatch-black: #000000;
  --color-swatch-gray-bright: #313131;
  --color-swatch-gray-medium: #4A4A4A;
  --color-swatch-gray-muted: #636363;
  --color-swatch-gray-quiet: #949494;
  --color-swatch-gray-border: #BDBDBD;
  --color-swatch-gray-divider: #E9E9E9;
  --color-swatch-gray-tint: #EFEFEF;
  --color-swatch-gray-surface: #F6F6F6;
  --color-swatch-white: #FFFFFF;
  --color-swatch-electric-purple: #5200FF;
  --color-swatch-electric-purple-pressed: #3D00BF;
  --color-swatch-electric-purple-light: #A980FF;
  --color-swatch-electric-purple-tint: #DFCFFF;
  --color-swatch-electric-purple-faint: #EEE6FF;
  --color-swatch-neon-mint: #3CFFD0;
  --color-swatch-neon-mint-tint: #D8F0E8;
  --color-swatch-verge-green: #309875;
  --color-swatch-yellow-bright: #D6F31F;
  --color-swatch-yellow-faint: #FFFCD4;
  --color-swatch-peach-faint: #FFD5C8;
  --color-swatch-rose-faint: #FFC2E7;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F6F6F6;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #131313;
  --color-text-secondary: #4A4A4A;
  --color-text-tertiary: #636363;
  --color-primary: #5200FF;
  --color-primary-hover: #3D00BF;
  --color-accent: #3CFFD0;
  --color-accent-hover: #309875;
  --color-warning: #D6F31F;
  --color-error: #3D00BF;
  --color-success: #309875;
  --color-border: #E9E9E9;

  /* Brand-level role overrides */
  --brand-color-identity: #131313;
  --brand-color-on-identity: #3CFFD0;
  --brand-color-primary: #5200FF;
  --brand-color-primary-hover: #3D00BF;
  --brand-color-accent: #3CFFD0;
  --brand-color-accent-hover: #309875;
  --brand-color-mark: #131313;
  --brand-color-success: #309875;
  --brand-color-warning: #D6F31F;
  --brand-color-error: #3D00BF;
  --brand-color-text-primary-light: #131313;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #131313;
  --brand-color-surface-light: #F6F6F6;
  --brand-color-surface-dark: #313131;
  --brand-color-text-secondary-light: #4A4A4A;
  --brand-color-text-tertiary-light: #636363;
  --brand-color-border-light: #E9E9E9;

  /* 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-serif: 'Playfair Display', 'Iowan Old Style', 'Apple Garamond', Baskerville, 'Times New Roman', 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: #131313;
    --color-surface: #313131;
    --color-surface-elevated: #4A4A4A;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #E9E9E9;
    --color-text-tertiary: #BDBDBD;
    --color-primary: #A980FF;
    --color-primary-hover: #5200FF;
    --color-accent: #3CFFD0;
    --color-accent-hover: #309875;
    --color-warning: #D6F31F;
    --color-error: #A980FF;
    --color-success: #3CFFD0;
    --color-border: #313131;
  }
}