/* Sunlit Freshwater — the whole palette lives here.
   Change a value in this file and it changes everywhere on the site. */

:root {
  /* Core palette */
  --canvas: #f7fbf5;
  --mint: #ddf3e7;
  --lagoon: #62c6bd;
  --deep: #0e6672;
  --sun: #f4c95d;
  --coral: #f06f61;
  --ink: #173d43;

  /* Derived surfaces */
  --card: #ffffff;
  --line: #d6ebe2;
  --muted: #5d7f83;

  /* Water */
  --water-top: #cdeef0;
  --water-mid: #8fd6d8;
  --water-deep: #3fa3ae;
  --glass: rgba(255, 255, 255, 0.55);
  --gravel: #c9b79a;

  /* Status */
  --ok: #3dbe7a;
  --warn: #e8b84b;
  --bad: #e0503f;

  /* Type */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-ui: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Space + shape */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(14, 102, 114, 0.1);
  --shadow-md: 0 6px 20px rgba(14, 102, 114, 0.14);
  --shadow-lg: 0 16px 44px rgba(14, 102, 114, 0.2);

  /* Every tappable thing is at least this big — small hands, small phones. */
  --tap: 48px;

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

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}