/* ==========================================================================
   Strait Media Group — Design Tokens
   Lifted verbatim from design-handoff/Strait Media Group.html (v0.1)
   Do not modify values; add new tokens rather than changing existing ones.
   ========================================================================== */

:root {
  /* Color */
  --color-bg:            #F5F2EC;
  --color-surface-raised:#FBF9F4;
  --color-text:          #141414;
  --color-text-muted:    #4A4A4A;
  --color-border:        rgba(20,20,20,0.10);
  --color-accent:        #0B2545;
  --color-accent-rare:   #6B1C2A;

  /* Typography */
  --font-display: "Newsreader", Georgia, serif;
  --font-body:    "Inter", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  /* Type scale (1.333 — perfect fourth) */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   21px;
  --fs-lg:   28px;
  --fs-xl:   37px;
  --fs-2xl:  49px;
  --fs-3xl:  66px;
  --fs-4xl:  88px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(20,20,20,0.06);
  --shadow-md: 0 4px 12px rgba(20,20,20,0.08);

  /* Motion */
  --motion-fast:    200ms;
  --motion-base:    280ms;
  --motion-slow:    400ms;
  --ease-editorial: cubic-bezier(0.32, 0.08, 0.24, 1);
}