/* Dolly Charters — design tokens
 * Nautical luxury: deep navy hull, sailcloth off-white, brushed brass accent
 */
:root {
  /* Color — black anchor + coral CTA + aqua + mint + golden brown. No navy. No teal. */
  --black:      #0A0A0A;
  --black-soft: #1A1A1A;
  --char:       #2A2A2A;

  --coral:       #E0524A;
  --coral-deep:  #C03A33;
  --coral-light: #F08278;

  --aqua:        #04FFF7;     /* bright Biscayne pop */
  --aqua-deep:   #00C9C2;
  --mint:        #00FFC1;
  --mint-deep:   #00C998;

  --gold-brown:  #B87605;     /* golden brown — warm accent */
  --gold-brown-deep: #8E5A04;
  --gold-brown-light: #E0A648;

  --sand-50:  #F7F4EE;
  --sand-100: #EFEAE0;
  --sand-200: #E2D8C6;
  --bone:     #FBFBF8;

  --ink:      var(--black);
  --ink-soft: var(--char);
  --muted:    #6E6E6E;
  --line:     rgba(10, 10, 10, 0.12);

  /* Legacy aliases — old code calling --navy-* / --brass / --teal still works */
  --navy-900: var(--black);
  --navy-800: var(--black-soft);
  --navy-700: var(--char);
  --navy-500: #444;
  /* Italic emphasis, eyebrows, hero meta — coral, not gold */
  --brass:       var(--coral);
  --brass-light: var(--coral-light);
  --teal:        var(--aqua-deep);
  --turquoise:       var(--aqua);
  --turquoise-deep:  var(--aqua-deep);
  --turquoise-light: var(--mint);
  --red:        var(--coral);
  --red-deep:   var(--coral-deep);

  /* Surfaces */
  --bg:        var(--bone);
  --bg-alt:    var(--sand-50);
  --bg-dark:   var(--navy-900);
  --text:      var(--ink);
  --text-soft: var(--ink-soft);
  --text-on-dark: var(--sand-50);

  /* Type */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Scale */
  --fs-hero:    clamp(3rem, 7vw, 6rem);
  --fs-h1:      clamp(2.25rem, 5vw, 4rem);
  --fs-h2:      clamp(1.75rem, 3.5vw, 2.75rem);
  --fs-h3:      clamp(1.25rem, 2vw, 1.5rem);
  --fs-lede:    clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-eyebrow: 0.75rem;

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

  /* Radii + shadow */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.08), 0 1px 1px rgba(0,0,0,.04);
  --shadow-md: 0 8px 24px rgba(0,0,0,.10);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.18);

  /* Layout */
  --container: 1200px;
  --container-narrow: 880px;
  --header-h: 84px;
}