/*
 * JM&A Group (jma-group@1.0.0)
 * Palette: jma-group@1.0.0
 * Fonts:   heading=proxima-nova@1.0.0, body=proxima-nova@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-jma-teal: #008D9A;
  --color-swatch-jma-teal-deep: #00707A;
  --color-swatch-jma-teal-light: #B8E2E6;
  --color-swatch-jma-onyx: #010101;
  --color-swatch-jma-graphite: #2A2D31;
  --color-swatch-jma-slate: #5A6470;
  --color-swatch-jma-fog: #E6ECF0;
  --color-swatch-jma-white: #FFFFFF;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #E6ECF0;
  --color-surface-elevated: #B8E2E6;
  --color-text-primary: #010101;
  --color-text-secondary: #2A2D31;
  --color-text-tertiary: #5A6470;
  --color-primary: #008D9A;
  --color-primary-hover: #00707A;
  --color-accent: #008D9A;
  --color-success: #00707A;
  --color-warning: #008D9A;
  --color-error: #010101;
  --color-info: #008D9A;

  /* Brand-level role overrides */
  --brand-color-identity: #FFFFFF;
  --brand-color-on-identity: #010101;
  --brand-color-primary: #008D9A;
  --brand-color-primary-hover: #00707A;
  --brand-color-accent: #008D9A;
  --brand-color-mark: #010101;
  --brand-color-text-primary-light: #010101;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #010101;
  --brand-color-surface-light: #E6ECF0;
  --brand-color-surface-dark: #2A2D31;
  --brand-color-border-light: #B8E2E6;

  /* Typography */
  --font-heading: proxima-nova, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body: proxima-nova, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, 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: #010101;
    --color-surface: #2A2D31;
    --color-surface-elevated: #5A6470;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #E6ECF0;
    --color-text-tertiary: #B8E2E6;
    --color-primary: #B8E2E6;
    --color-primary-hover: #008D9A;
    --color-accent: #B8E2E6;
    --color-success: #B8E2E6;
    --color-warning: #B8E2E6;
    --color-error: #E6ECF0;
    --color-info: #B8E2E6;
  }
}