/* Tidemaker: chart paper, navy ink, one buoy orange. See DESIGN.md for each token's one job and the budget
   (ground 72, ink 18, water 6, accent 3, states 1). base.css reads only these; tide.css styles the signature pieces. */
:root {
  color-scheme: light;

  /* ground and surfaces: chart paper, a shade darker for wells, lighter for panels */
  --bg: #eef1ec;
  --bg-2: #e5e9e3;
  --surface: #f7f8f4;
  --surface-2: #ffffff;

  /* hairlines in the navy ink: the rules of a tide table */
  --line: rgba(18, 40, 58, 0.11);
  --line-2: rgba(18, 40, 58, 0.2);
  --line-3: rgba(18, 40, 58, 0.34);

  /* text */
  --ink: #12283a;
  --ink-2: #3d5364;
  --muted: #56697a; /* 5:1 on the ground */

  /* ONE accent with ONE meaning: the action, and "now" (the hand's tip, the live reading). Buoy orange,
     dark enough for 4.9:1 under white button text. */
  --accent: #c0441e;
  --on-accent: #fffaf5;

  /* the water: inside the dial and under the chart line. Never text, never a button. */
  --water: #c4d9de;
  --water-2: #9dbfc8;
  --water-ink: #4f7f8c;

  /* states only, never decoration */
  --good: #2c7a57;
  --bad: #ad3838;
  --warn: #9a5f0a;

  /* display shouts (h1, h2, the one big number), text talks, mono keeps the receipts */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-text: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --display-weight: 600;
  --display-tracking: -0.028em;

  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --shadow: 0 1px 0 rgba(18, 40, 58, 0.04), 0 18px 40px -30px rgba(18, 40, 58, 0.35);

  /* quick out, settles exactly, no bounce */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 140ms;
  --t: 280ms;
  --t-tide: 900ms;

  --wrap: 1200px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 66px;
}