/* Martin Law Offices PLLC, v4.
 *
 * Palette is back on Chris's own brand and pushed: dark blue carries the bulk
 * of the text, gold is the accent, on a warm paper ground. The navy and the
 * gold are sampled from his logo and live site, so the circular seal belongs
 * on the page instead of needing an apology.
 *
 * Type is Source Serif 4 over Figtree. Source Serif is drawn with open
 * apertures and generous sidebearings, and the headings here carry zero
 * negative tracking plus a touch of extra word-spacing, because the last
 * heading face was setting words too tight to read comfortably.
 */

:root {
  /* ---- ground ---- */
  --paper: #f7f4ed;
  --paper-2: #efeade;
  --paper-3: #e4dccb;
  --white: #fffdf8;

  /* ---- dark blue, the bulk of the text ---- */
  --navy: #10314a;
  --navy-deep: #0a2135;
  --navy-2: #2b5273;
  --navy-muted: #56748d;

  /* ---- gold, the accent ----
     --gold is the brand value and is used at large sizes and on navy.
     --gold-ink is darkened for small labels on paper, where the brand value
     would fall under AA. */
  --gold: #b49510;
  --gold-ink: #8a7009;
  --gold-lit: #d9bc55;
  --gold-soft: rgba(180, 149, 16, 0.16);

  --rule: rgba(16, 49, 74, 0.18);
  --rule-soft: rgba(16, 49, 74, 0.09);
  --rule-lit: rgba(247, 244, 237, 0.24);
  --rule-lit-2: rgba(247, 244, 237, 0.12);

  /* ---- type ---- */
  --display: "Source Serif 4", "Iowan Old Style", Cambria, Georgia, serif;
  --body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --text-display: clamp(2.5rem, 1.2rem + 4vw, 4.6rem);
  --text-display-s: clamp(1.95rem, 1.1rem + 2.6vw, 3.15rem);
  --text-4xl: clamp(1.65rem, 1.25rem + 1.4vw, 2.25rem);
  --text-3xl: clamp(1.35rem, 1.18rem + 0.6vw, 1.68rem);
  --text-2xl: clamp(1.14rem, 1.06rem + 0.3vw, 1.3rem);
  --text-lg: clamp(1.05rem, 1rem + 0.25vw, 1.2rem);
  --text-base: 1rem;
  --text-sm: 0.9rem;
  --text-xs: 0.78rem;
  --text-2xs: 0.68rem;

  /* ---- space ---- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: clamp(5rem, 10vw, 9rem);

  --gutter: clamp(1.25rem, 5vw, 5rem);
  --shell: 78rem;

  /* ---- rule and radius ---- */
  --rule-hair: 1px;
  --radius-plate: 2px;
  --radius-core: 2px;
  --radius-pill: 999px;

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-soft-out: cubic-bezier(0.22, 1, 0.36, 1);

  --dur-press: 140ms;
  --dur-hover: 200ms;
  --dur-ui: 260ms;
  --dur-panel: 380ms;
  --dur-reveal: 760ms;
  --dur-mask: 820ms;

  --stagger-line: 80ms;
  --stagger-item: 100ms;
}