/*
 * Outlook (outlook@1.0.0)
 * Palette: outlook@1.0.0
 * Fonts:   heading=segoe-ui@1.0.0, body=segoe-ui@1.0.0, mono=cascadiacode-nerdfont@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-outlook-deep-blue: #2A446F;
  --color-swatch-outlook-action-blue: #0066FF;
  --color-swatch-outlook-sky: #B3DAF0;
  --color-swatch-communications-blue: #0078D4;
  --color-swatch-outlook-link-blue: #0067B8;
  --color-swatch-outlook-ink: #17253D;
  --color-swatch-outlook-near-black: #1F1F1F;
  --color-swatch-outlook-gray-160: #605E5C;
  --color-swatch-outlook-gray-30: #EDEBE9;
  --color-swatch-outlook-canvas: #FFFDFB;
  --color-swatch-outlook-white: #FFFFFF;

  /* Light-mode semantic roles */
  --color-background: #FFFDFB;
  --color-surface: #EDEBE9;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #17253D;
  --color-text-secondary: #605E5C;
  --color-primary: #0067B8;
  --color-primary-hover: #0078D4;
  --color-accent: #0066FF;
  --color-accent-hover: #0067B8;
  --color-error: #0066FF;
  --color-success: #0066FF;
  --color-border: #EDEBE9;

  /* Brand-level role overrides */
  --brand-color-identity: #2A446F;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-primary: #0067B8;
  --brand-color-primary-hover: #0078D4;
  --brand-color-accent: #0066FF;
  --brand-color-accent-hover: #0067B8;
  --brand-color-mark-envelope-outer: #2A446F;
  --brand-color-mark-envelope-flap: #B3DAF0;
  --brand-color-mark-letter-o: #0066FF;
  --brand-color-background: #FFFDFB;
  --brand-color-surface: #EDEBE9;
  --brand-color-text-primary: #17253D;
  --brand-color-text-secondary: #605E5C;

  /* Typography */
  --font-heading: 'Segoe UI', system-ui, Inter, 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Segoe UI', system-ui, Inter, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'CaskaydiaCove Nerd Font', 'Cascadia Code', 'JetBrains Mono', Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #17253D;
    --color-surface: #2A446F;
    --color-surface-elevated: #605E5C;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #B3DAF0;
    --color-primary: #B3DAF0;
    --color-primary-hover: #0066FF;
    --color-accent: #0066FF;
    --color-accent-hover: #B3DAF0;
    --color-border: #605E5C;
  }
}