/* ============================================================
   We Automate — Design tokens
   Built on the existing Mowarama system: warm light, navy
   authority, indigo as the single "wow" accent.
   ============================================================ */

:root {
  /* Surfaces — warm light concept (deliberate, no dark mode) */
  --bg:        #f7f6f3;
  --bg-alt:    #eeecea;
  --card:      #ffffff;
  --card-warm: #fbfaf8;

  /* Structure & authority */
  --navy:      #1e3a5c;
  --navy-700:  #16293f;
  --navy-900:  #0f1d2e;

  /* The action accent — the "wow" color */
  --indigo:    #4f46e5;
  --indigo-600:#4338ca;
  --indigo-050:#eceafe;

  /* Confirmation greens */
  --green:     #3a7d44;
  --wa:        #25d366;

  /* Ink & lines */
  --ink:       #20303f;
  --muted:     #5b6672;
  --faint:     #8a929b;
  --line:      rgba(30, 58, 92, 0.12);
  --line-soft: rgba(30, 58, 92, 0.07);

  /* Accent is tweakable; defaults to indigo */
  --accent:    var(--indigo);
  --accent-600:var(--indigo-600);
  --accent-050:var(--indigo-050);

  /* Type */
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans:  'Space Grotesk', system-ui, -apple-system, sans-serif;

  /* Rhythm */
  --maxw: 1200px;
  --gutter: clamp(20px, 5vw, 64px);
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* Elevation — soft, premium, never heavy */
  --sh-sm: 0 1px 2px rgba(16, 41, 63, 0.05), 0 1px 3px rgba(16, 41, 63, 0.04);
  --sh-md: 0 4px 14px rgba(16, 41, 63, 0.07), 0 2px 6px rgba(16, 41, 63, 0.05);
  --sh-lg: 0 18px 50px rgba(16, 41, 63, 0.13), 0 6px 18px rgba(16, 41, 63, 0.07);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}