:root {
  /* ===== Surfaces ===== */
  --paper:        #F4F2EC;  /* page background */
  --white:        #FFFFFF;  /* ledger card, white sections */
  --chip-fill:    #EDEAE1;  /* tag & flag chips, ledger header rule */
  --ledger-rule:  #F1EFE8;  /* ledger inner row borders */
  --divider:      #E7E4DB;  /* section top borders, card border */
  --contact-rule: #DAD6CB;  /* sign-off link borders */

  /* ===== Ink / text ===== */
  --ink:       #1A1A1F;  /* headings, emphasis, dark band bg */
  --body:      #4A4A52;  /* paragraphs */
  --body-alt:  #3A3A42;  /* trust + why-us body */
  --muted:     #6B6B73;  /* eyebrows, captions */
  --faint:     #8A8A92;  /* ledger job labels */
  --faintest:  #9A9AA2;  /* section meta labels */
  --footnote:  #A6A6AD;  /* ledger footnote */

  /* ===== Accent ===== */
  --accent: #4138E0;  /* links, accent words, prices, result rule */
  --green:  #1FA463;  /* "Available" status dot */
  --mint:   #9BE3BE;  /* "Most popular" pricing chip */

  /* ===== Dark band (pricing) ===== */
  --dark-bg:       #1A1A1F;
  --dark-border:   #2E2E36;
  --dark-body:     #9C9CA6;
  --dark-intro:    #B6B6C0;
  --dark-unit:     #7E7E88;
  --dark-footnote: #6E6E78;

  /* ===== Typography ===== */
  --font-disp: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ===== Layout ===== */
  --max-width: 1120px;
  --side-pad:  40px;

  /* ===== Radius ===== */
  --radius-card: 16px;
  --radius-btn:  8px;
  --radius-chip: 6px;

  /* ===== Motion ===== */
  --ease: cubic-bezier(.2, .7, .2, 1);

  /* ===== Shadow ===== */
  --shadow-card: 0 1px 2px rgba(20, 20, 35, .04),
                 0 22px 48px -28px rgba(20, 20, 35, .22);
}