/* Newport Fish Co. design tokens. Dawn-grey harbor: steel, ice, one line of first light. */
:root {
  /* color */
  --ink: #16202a;        /* pre-dawn sky, darkest ground */
  --slate: #24313d;      /* harbor slate, dark panels */
  --slate-2: #2e3d4b;    /* raised dark surface */
  --steel: #51636f;      /* secondary text on light */
  --gull: #93a5b0;       /* muted text on dark, quiet rules */
  --sea: #7f98a6;        /* ice-blue accent on dark */
  --ice: #dbe4e9;        /* cold light band */
  --fog: #f4f6f7;        /* page paper */
  --white: #ffffff;
  --dawn: #c98a4b;       /* first light, the one warm note */
  --dawn-deep: #a86b32;  /* pressed / hover */

  /* type */
  --display: "Solway", "Georgia", serif;
  --body: "Cuprum", "Arial Narrow", "Helvetica Neue", sans-serif;
  --fs-h1: clamp(1.9rem, 1.2rem + 3vw, 3.3rem);
  --fs-h2: clamp(1.45rem, 1.1rem + 1.6vw, 2.1rem);
  --fs-h3: 1.2rem;
  --fs-body: 1.0625rem;   /* 17px */
  --fs-small: 0.9375rem;  /* 15px */
  --fs-caps: 0.8125rem;   /* 13px letterspaced small caps */

  /* space, 8px scale */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 40px; --s6: 48px; --s8: 64px; --s10: 80px; --s12: 96px;

  /* structure */
  --measure: 62ch;
  --wrap: 1180px;
  --rule: 1px solid rgba(22, 32, 42, 0.16);
  --rule-dark: 1px solid rgba(147, 165, 176, 0.24);

  /* motion, H5 sequential */
  --step: 110ms;          /* sequential gap between arrivals */
  --ease-out: cubic-bezier(0.22, 0.7, 0.3, 1);
  --t-micro: 170ms;

  /* the deckled lower edge for photo panels (butcher-paper tear) */
  --deckle: polygon(
    0% 0%, 100% 0%,
    100% calc(100% - 9px), 96.5% calc(100% - 3px), 92.8% calc(100% - 10px),
    89% calc(100% - 4px), 85.4% calc(100% - 11px), 81.6% calc(100% - 5px),
    78% calc(100% - 12px), 74.1% calc(100% - 3px), 70.3% calc(100% - 9px),
    66.4% calc(100% - 4px), 62.5% calc(100% - 12px), 58.6% calc(100% - 5px),
    54.8% calc(100% - 10px), 50.9% calc(100% - 3px), 47% calc(100% - 11px),
    43.2% calc(100% - 5px), 39.3% calc(100% - 12px), 35.5% calc(100% - 4px),
    31.6% calc(100% - 9px), 27.7% calc(100% - 3px), 23.9% calc(100% - 11px),
    20% calc(100% - 5px), 16.2% calc(100% - 12px), 12.3% calc(100% - 4px),
    8.4% calc(100% - 10px), 4.6% calc(100% - 3px), 0% calc(100% - 8px)
  );
}