:root{
  /* --- Ocean Teal (master brand · recommended direction) --- */
  --color-ocean-teal:#04707B;
  --color-teal-secondary:#51A7AD;
  --color-seafoam:#9FCBD2;

  /* --- Sunset Orange (campaign / content direction) --- */
  --color-sunset:#E96227;
  --color-peach:#FFAD72;
  --color-sand:#FAE4D2;

  /* --- Neutrals --- */
  --color-charcoal:#24333D;
  --color-navy:#032750;
  --color-off-white:#F4F7FA;
  --color-white:#FFFFFF;

  /* --- Derived neutral ramp (mixed from charcoal/off-white; not in the PDF) --- */
  --color-slate-600:#4C5C67;
  --color-slate-400:#7E8B93;
  --color-slate-200:#C7CDD1;
  --color-line:#DCE5EE;
  --color-line-strong:#CFCCC2;

  /* --- Derived tints for playful blocking --- */
  --color-teal-050:#EAF4F4;
  --color-teal-100:#D3E9E9;
  --color-teal-900:#055C67;
  --color-sunset-050:#FDF0E8;
  --color-sunset-900:#B2410F;

  /* --- Semantic: surfaces --- */
  --surface-page:var(--color-off-white);
  --surface-card:var(--color-white);
  --surface-sunken:var(--color-teal-050);
  --surface-inverse:var(--color-navy);
  --surface-brand:var(--color-ocean-teal);
  --surface-brand-soft:var(--color-seafoam);
  --surface-warm:var(--color-sand);
  --surface-warm-strong:var(--color-sunset);

  /* --- Semantic: text --- */
  --text-strong:var(--color-charcoal);
  --text-body:var(--color-slate-600);
  --text-muted:var(--color-slate-400);
  --text-on-brand:var(--color-white);
  --text-on-warm:var(--color-navy);
  --text-inverse:var(--color-off-white);
  --text-link:var(--color-ocean-teal);
  --text-link-hover:var(--color-teal-900);

  /* --- Semantic: interactive --- */
  --action-primary:var(--color-ocean-teal);
  --action-primary-hover:var(--color-teal-900);
  --action-primary-text:var(--color-white);
  --action-warm:var(--color-sunset);
  --action-warm-hover:var(--color-sunset-900);
  --action-warm-text:var(--color-white);
  --action-ghost-border:var(--color-line-strong);
  --focus-ring:var(--color-teal-secondary);

  /* --- Semantic: borders --- */
  --border-subtle:var(--color-line);
  --border-strong:var(--color-charcoal);
  --border-brand:var(--color-ocean-teal);

  /* --- Status (derived from brand palette; no status colors in the PDF) --- */
  --status-verified:var(--color-ocean-teal);
  --status-progress:var(--color-sunset);
  --status-pending:var(--color-slate-400);
}