/* ==========================================================================
   AWOOGA — Design tokens
   --------------------------------------------------------------------------
   Palette, type, shape and motion values, and NOTHING else: no element rules,
   no layout, no components. That restraint is the point — pages which can't
   load the full style.css (the boat portal ships its own self-contained UI and
   would be wrecked by the global body/h1–h4/p/a/button rules) can still pull
   this in safely and get the same colors as the rest of the site.

   style.css @imports this. Change a value here and it changes everywhere.
   ========================================================================== */
:root {
  /* Core palette */
  --navy-900: #0c2034;
  --navy-800: #10314f;
  --navy-700: #163d61;
  --navy-600: #1d4d78;
  --cream:    #f7f1e3;
  --cream-2:  #efe6d2;
  --paper:    #fbf7ee;
  --wood:     #b5824f;
  --wood-dk:  #8a5e34;
  --brass:    #c9a227;
  --brass-lt: #e3c35a;
  --red:      #b8473f;
  --red-dk:   #97352e;
  --ink:      #20303c;
  --ink-soft: #4a5d68;

  /* Functional */
  --bg:        var(--cream);
  --surface:   #ffffff;
  --text:      var(--ink);
  --text-soft: var(--ink-soft);
  --line:      rgba(12, 32, 52, 0.12);

  /* Type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Shape & motion */
  --radius:    18px;
  --radius-sm: 12px;
  --radius-lg: 28px;
  --shadow-sm: 0 2px 8px rgba(12, 32, 52, 0.08);
  --shadow:    0 14px 40px rgba(12, 32, 52, 0.14);
  --shadow-lg: 0 28px 70px rgba(12, 32, 52, 0.22);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --maxw: 1200px;
}