/**
 * Armchair Journal Design Tokens
 * Architecture Reference: Phase 0 Audit & Design Handoff
 */

:root {
  /* Color Palette — Navy */
  --aj-color-navy-primary: #1a3d74;
  --aj-color-navy-deep: #163259;
  --aj-color-navy-deeper: #14304f;
  --aj-color-navy-panel: #183963;

  /* Color Palette — Red */
  --aj-color-red-primary: #c33d29;
  --aj-color-red-hover: #a83424;
  --aj-color-red-on-navy: #e0705c;

  /* Color Palette — Gold */
  --aj-color-gold-accent: #dcb352;
  --aj-color-gold-text: #87651f;
  --aj-color-gold-border: #e4d9ba;

  /* Color Palette — Surfaces */
  --aj-color-bg-page: #f6f7fa;
  --aj-color-bg-card: #ffffff;
  --aj-color-bg-parchment: #f4eedd;
  --aj-color-bg-hover: #f2f5f9;
  --aj-color-bg-inset: #e9edf4;

  /* Color Palette — Ink / Typography */
  --aj-color-ink-heading: #16233a;
  --aj-color-ink-body: #474f5c;
  --aj-color-ink-secondary: #616a78;
  --aj-color-ink-muted: #616a79;

  /* Color Palette — Rules & Borders */
  --aj-color-rule-light: #dfe3ea;
  --aj-color-rule-track: #e4e8ef;
  --aj-color-rule-section: #eef1f6;
  --aj-color-rule-divider: #c7cdd6;
  --aj-color-rule-tick: #ccd3dd;
  --aj-color-rule-subtle: #e7eaf0;

  /* Color Palette — Academic Lens */
  --aj-color-academic-left: #0c7180;
  --aj-color-academic-right: #b04f37;

  /* Color Palette — Indic Lens */
  --aj-color-indic-dharmic: #a35f22;
  --aj-color-indic-modern: #306bb7;

  /* Color Palette — Center */
  --aj-color-center: #5b6673;

  /* Color Palette — On Navy Surfaces */
  --aj-color-on-navy-body: #a9bcd9;
  --aj-color-on-navy-muted: #7c94bf;
  --aj-color-on-navy-subtle-50: rgba(255, 255, 255, 0.5);
  --aj-color-on-navy-subtle-45: rgba(255, 255, 255, 0.45);
  --aj-color-on-navy-subtle-12: rgba(255, 255, 255, 0.12);

  /* Color Palette — Status */
  --aj-color-status-positive: #7fd1a3;
  --aj-color-status-warning: #e0937e;
  --aj-color-status-credit: #2e7d4f;
  --aj-color-status-debit: #a8571c;

  /* Typography Families */
  --aj-font-serif: 'EB Garamond', Georgia, serif;
  --aj-font-sans: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --aj-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --aj-font-sanskrit: 'EB Garamond', 'Noto Sans Devanagari', serif;

  /* Typography Scale */
  --aj-fs-68: 68px;
  --aj-fs-46: 46px;
  --aj-fs-44: 44px;
  --aj-fs-38: 38px;
  --aj-fs-37: 37px;
  --aj-fs-30: 30px;
  --aj-fs-26: 26px;
  --aj-fs-24: 24px;
  --aj-fs-21: 21px;
  --aj-fs-20: 20px;
  --aj-fs-19: 19px;
  --aj-fs-17-5: 17.5px;
  --aj-fs-16: 16px;
  --aj-fs-15: 15px;
  --aj-fs-14-5: 14.5px;
  --aj-fs-13-5: 13.5px;
  --aj-fs-13: 13px;
  --aj-fs-12-5: 12.5px;
  --aj-fs-11-5: 11.5px;
  --aj-fs-11: 11px;
  --aj-fs-10-5: 10.5px;
  --aj-fs-10: 10px;
  --aj-fs-9-5: 9.5px;
  --aj-fs-9: 9px;
  --aj-fs-8: 8px;
  --aj-fs-7-5: 7.5px;

  /* Spacing Scale */
  --aj-space-4: 4px;
  --aj-space-6: 6px;
  --aj-space-8: 8px;
  --aj-space-10: 10px;
  --aj-space-12: 12px;
  --aj-space-14: 14px;
  --aj-space-16: 16px;
  --aj-space-18: 18px;
  --aj-space-20: 20px;
  --aj-space-22: 22px;
  --aj-space-24: 24px;
  --aj-space-28: 28px;
  --aj-space-30: 30px;
  --aj-space-32: 32px;
  --aj-space-38: 38px;
  --aj-space-40: 40px;
  --aj-space-48: 48px;
  --aj-space-52: 52px;
  --aj-space-56: 56px;
  --aj-space-60: 60px;

  /* Radii */
  --aj-radius-0: 0;
  --aj-radius-3: 3px;
  --aj-radius-4: 4px;
  --aj-radius-5: 5px;
  --aj-radius-6: 6px;
  --aj-radius-7: 7px;
  --aj-radius-10: 10px;
  --aj-radius-12: 12px;
  --aj-radius-19: 19px;
  --aj-radius-20: 20px;
  --aj-radius-22: 22px;
  --aj-radius-full: 50%;

  /* Border Widths */
  --aj-border-hairline: 1px;
  --aj-border-emphasis: 1.5px;
  --aj-border-section: 3px;

  /* Shadows */
  --aj-shadow-card: 0 12px 28px -20px rgba(19, 41, 75, 0.45);
  --aj-shadow-panel: 0 16px 40px -22px rgba(19, 41, 75, 0.6);
  --aj-shadow-thumb: 0 3px 10px -2px rgba(20, 41, 75, 0.45);
  --aj-shadow-btn-red: 0 2px 8px rgba(192, 57, 43, 0.3);
  --aj-shadow-theel-glow: 0 0 0 1.5px rgba(224, 168, 120, 0.85), 0 0 8px rgba(224, 168, 120, 0.45);
  --aj-shadow-theel-pill: 0 2px 7px rgba(0, 0, 0, 0.45), 0 0 10px rgba(224, 168, 120, 0.5);

  /* Layout Max-widths & Gutters */
  --aj-width-editorial: 1180px;
  --aj-width-tools: 1120px;
  --aj-gutter: 24px;

  /* Transitions */
  --aj-transition-default: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --aj-transition-color: 0.3s ease;
  --aj-transition-gauge: 0.5s cubic-bezier(0.6, 0, 0.2, 1);
  --aj-transition-result: 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}