/* Aurelius Design System — color tokens
   GROUND TRUTH: uploads/aurelius-styleguide.html (Template - Aurelius Overview - 0.2.pptx). */

:root {
  /* --- Color: core --- */
  --au-ink:          #16151A;  /* deepest ink (cover backgrounds) */
  --au-black:        #000000;  /* rules, labels, primary text */
  --au-carbon:       #1E2124;  /* dark slide bg / secondary text */
  --au-white:        #FFFFFF;
  --au-paper:        #F6F6F6;  /* light slide background */

  /* --- Color: neutrals / hairlines --- */
  --au-line:         #DFDFDF;  /* hairline rules on light */
  --au-line-cool:    #E2E3E7;  /* hairline rules, cool variant */
  --au-gray:         #CACACA;
  --au-gray-warm:    #C2C2BD;
  --au-line-dark:    #3A3D42;  /* hairline rules on dark */

  /* --- Color: warm accent (section dividers, maps) --- */
  --au-tan:          #D5CDC4;
  --au-tan-light:    #DDD3C7;
  --au-sand:         #D8D8D3;

  /* --- Color: signal accents --- */
  --au-red:          #EB3B3E;  /* primary accent — links, arrows, alerts */
  --au-red-muted:    #C45A56;
  --au-red-tint:     #F09FA3;
  --au-blue:         #3C81F3;  /* data/diagram accent only */

  /* --- Rules --- */
  --au-rule:       1px solid var(--au-black);
  --au-rule-hair:  1px solid var(--au-line);

  /* ---- Semantic: light theme (default) ---- */
  --surface-page: var(--au-paper);
  --surface-card: var(--au-white);
  --surface-subtle: var(--au-line-cool);
  --text-heading: var(--au-black);
  --text-body: var(--au-carbon);
  --text-secondary: var(--au-carbon);
  --text-tertiary: var(--au-gray);
  --accent: var(--au-red);
  --accent-2: var(--au-blue);
  --hairline: var(--au-line);

  /* ---- Semantic: status (red is the alert color; positive/caution muted) ---- */
  --status-positive: #40683E;
  --status-caution: #A06A1E;
  --status-critical: var(--au-red);

  /* ---- Legacy aliases (older cards/components reference these) ---- */
  --au-ink-900: #000000;
  --au-ink-800: var(--au-ink);
  --au-ink-700: var(--au-carbon);
  --au-ink-600: #23272C;
  --au-ink-500: #292E34;
  --au-ink-400: var(--au-line-dark);
  --au-gray-500: #6A6F75;
  --au-gray-400: var(--au-gray);
  --au-gray-300: var(--au-line);
  --au-gray-200: var(--au-sand);
  --au-gray-100: #ECECEC;
  --au-gray-50:  var(--au-paper);
  --au-silver:   var(--au-line-cool);
  --au-red-600: var(--au-red-muted);
  --au-red-500: var(--au-red);
  --au-red-400: var(--au-red-tint);
  --au-blue-600: var(--au-blue);
  --au-blue-500: var(--au-blue);
  --au-blue-tint: #E7F0FF;
  --au-dark-text-1: var(--au-white);
  --au-dark-text-2: var(--au-line-cool);
  --au-dark-text-3: #8A8D93;
  --au-dark-hairline: var(--au-line-dark);
}

/* Dark surface overrides — apply .au-dark to a page, slide, or panel */
.au-dark {
  --au-black: #FFFFFF;
  --au-carbon: #E2E3E7;
  --au-paper: #1E2124;
  --au-line: #3A3D42;
  --au-line-cool: #3A3D42;

  --surface-page: #1E2124;
  --surface-card: #23272C;
  --surface-subtle: #292E34;
  --text-heading: #FFFFFF;
  --text-body: #E2E3E7;
  --text-secondary: #8A8D93;
  --text-tertiary: #8A8D93;
  --hairline: #3A3D42;
  background: var(--surface-page);
  color: var(--au-white);
}

/* Warm/tan surface overrides */
.au-warm {
  --au-paper: #DDD3C7;
  --au-line: #C2B9AC;
  --surface-page: #DDD3C7;
  --hairline: #C2B9AC;
  background: var(--surface-page);
}