/* ==========================================================================
   Oseaeyo Design Tokens
   Derived from the wordmark: charcoal linework on parchment, gold-tan star.
   Harbor blue added as the "verified / in transit" signal color — distinct
   from gold (which is reserved for calls to action).
   ========================================================================== */

:root {
  /* Color */
  --ink: #211f1b;
  --ink-2: #4a453c;
  --ink-3: #7a7367;
  --parchment: #f7f3e9;
  --parchment-2: #efe7d3;
  --parchment-3: #e4d9bd;
  --gold: #b08a4e;
  --gold-deep: #8c6a34;
  --gold-pale: #e8d9b8;
  --harbor: #2f4a58;
  --harbor-deep: #1f3540;
  --harbor-pale: #d9e4e6;
  --success: #5b7553;
  --success-pale: #dfe6d5;
  --white: #fffdf8;

  /* Surfaces / semantics */
  --bg: var(--parchment);
  --bg-alt: var(--parchment-2);
  --surface: var(--white);
  --text: var(--ink);
  --text-muted: var(--ink-2);
  --text-faint: var(--ink-3);
  --border: rgba(33, 31, 27, 0.14);
  --border-strong: rgba(33, 31, 27, 0.28);

  /* Type */
  --font-display: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --step-caption: 0.8125rem;
  --step-small: 0.9375rem;
  --step-body: 1.0625rem;
  --step-lead: 1.25rem;
  --step-h4: 1.5rem;
  --step-h3: 1.9rem;
  --step-h2: 2.6rem;
  --step-h1: clamp(2.6rem, 4.4vw, 4.2rem);

  /* Space */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6.5rem;

  /* Shape / elevation */
  --radius-s: 4px;
  --radius-m: 10px;
  --radius-l: 18px;
  --shadow-card: 0 1px 2px rgba(33, 31, 27, 0.06), 0 12px 28px -14px rgba(33, 31, 27, 0.22);
  --shadow-lift: 0 24px 48px -20px rgba(33, 31, 27, 0.32);

  --container: 1200px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}