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

:root {
  /* Ground & surfaces — cream dominant */
  --qt-cream: #FAF7F2;
  --qt-cream-2: #F0EBE3;
  --qt-paper: #FFFCF8;
  --qt-panel: #EDE7DC;
  --qt-panel-soft: #E4DDD2;

  /* Accents — richer, intentional (not neon) */
  --qt-navy: #1B2A4A;
  --qt-navy-soft: #2A3D5C;
  --qt-sage: #6B8F6A;
  --qt-sage-deep: #4F6B4E;
  --qt-sage-soft: rgba(107, 143, 106, 0.18);
  --qt-terracotta: #A86B52;
  --qt-terracotta-soft: #C4896E;
  --qt-clay-muted: rgba(168, 107, 82, 0.16);
  --qt-gold: #B8956A;
  --qt-gold-soft: #C9A97E;
  --qt-gold-muted: rgba(184, 149, 106, 0.32);

  /* 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: #DDD5C8;
  --qt-line-strong: #C9BFAE;
  --qt-shadow: 0 10px 32px rgba(27, 42, 74, 0.08);
  --qt-shadow-sm: 0 3px 12px rgba(27, 42, 74, 0.05);

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