/* Quiet Trust design tokens — wayyago.com */

:root {
  /* Ground & surfaces — brightened cream + soft stone bands */
  --qt-cream: #FAF7F2;
  --qt-cream-2: #F3EEE6;
  --qt-paper: #FFFCF8;
  --qt-panel: #F3EEE6;
  --qt-panel-soft: #EBE6DC;

  /* Accents */
  --qt-navy: #1B2A4A;
  --qt-navy-soft: #2A3D5C;
  --qt-sage: #8FA38A;
  --qt-sage-deep: #6F856B;
  --qt-gold: #C4A574;
  --qt-gold-soft: #D4BC94;
  --qt-gold-muted: rgba(196, 165, 116, 0.28);

  /* Text — charcoal body ~7:1 on cream #FAF7F2 */
  --qt-ink: #1B2A4A;
  --qt-body: #2C2C2C;
  --qt-muted: #4A4A4A;
  --qt-soft: #5E5E5E;
  --qt-on-navy: #FAF7F2;
  --qt-on-gold: #1B2A4A;

  /* Lines & chrome */
  --qt-line: #E0D9CE;
  --qt-line-strong: #CFC6B8;
  --qt-shadow: 0 8px 28px rgba(27, 42, 74, 0.06);
  --qt-shadow-sm: 0 2px 10px rgba(27, 42, 74, 0.04);

  /* Type */
  --qt-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --qt-body-size: 1.25rem;    /* 20px */
  --qt-body-size-lg: 1.25rem;   /* 20px */
  --qt-lead-size: 1.25rem;
  --qt-line-height: 1.65;
  --qt-radius: 12px;
  --qt-radius-sm: 8px;
  --qt-max: 720px;              /* single-column owner calm */
  --qt-max-wide: 860px;
  --qt-tap-min: 48px;

  /* Legacy map (for mental compare — do not use neon on this mock) */
  /* live-navy: #0B132B · live-gold: #FFD700 */
}