/*
 * Vue.js (vuejs@1.0.0)
 * Palette: vuejs@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-vue-green: #4FC08D;
  --color-swatch-vue-green-dark: #42B883;
  --color-swatch-vue-navy: #35495E;
  --color-swatch-vue-navy-light: #476582;
  --color-swatch-vue-black: #1A1A1A;
  --color-swatch-vue-charcoal: #242424;
  --color-swatch-vue-gray: #7E7E7E;
  --color-swatch-vue-light-gray: #D5D5D5;
  --color-swatch-vue-off-white: #F6F6F7;
  --color-swatch-vue-white: #FFFFFF;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F6F6F7;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #35495E;
  --color-text-secondary: #476582;
  --color-text-tertiary: #7E7E7E;
  --color-primary: #4FC08D;
  --color-primary-hover: #42B883;
  --color-accent: #35495E;
  --color-accent-hover: #476582;
  --color-warning: #42B883;
  --color-warning-hover: #4FC08D;
  --color-error: #42B883;
  --color-success: #4FC08D;

  /* Brand-level role overrides */
  --brand-color-identity: #4FC08D;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-primary: #4FC08D;
  --brand-color-primary-hover: #42B883;
  --brand-color-accent: #35495E;
  --brand-color-accent-hover: #476582;
  --brand-color-background: #FFFFFF;
  --brand-color-surface: #F6F6F7;
  --brand-color-text-primary: #35495E;
  --brand-color-text-secondary: #476582;

  /* 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: #1A1A1A;
    --color-surface: #242424;
    --color-surface-elevated: #35495E;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #D5D5D5;
    --color-text-tertiary: #7E7E7E;
    --color-primary: #4FC08D;
    --color-primary-hover: #42B883;
    --color-accent: #476582;
    --color-accent-hover: #D5D5D5;
    --color-warning: #42B883;
    --color-warning-hover: #4FC08D;
    --color-error: #42B883;
    --color-success: #4FC08D;
  }
}