/* ==========================================================================
   OCA Law — Design tokens
   ========================================================================== */

:root {
  /* Colour */
  --navy-950: #071a2f;
  --navy-900: #0b223d;
  --navy-800: #123456;
  --navy-700: #1c4569;

  --green-700: #587f21;
  --green-600: #6b9f2a;
  --green-500: #7aaa32;
  --green-100: #eaf1dd;

  --stone-50: #f7f7f4;
  --stone-100: #efefea;
  --stone-200: #e3e3dc;
  --stone-300: #d8d8d0;

  --ink: #16181b;
  --muted: #5d6570;
  --white: #ffffff;

  --danger: #9a3324;
  --danger-bg: #fbebe8;

  /* Semantic */
  --color-bg: var(--white);
  --color-bg-alt: var(--stone-50);
  --color-text: var(--ink);
  --color-text-muted: var(--muted);
  --color-heading: var(--navy-950);
  --color-accent: var(--green-600);
  --color-accent-dark: var(--green-700);
  --color-border: var(--stone-300);
  --color-focus: #1a73c7;

  /* Layout */
  --max-width: 1180px;
  --max-width-narrow: 760px;
  --gutter: 24px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-soft: 0 12px 30px rgba(7, 26, 47, 0.08);
  --shadow-card: 0 1px 2px rgba(7, 26, 47, 0.06), 0 8px 24px rgba(7, 26, 47, 0.06);

  /* Type — system-safe stacks only (no external font hosting, keeps the
     site dependency-free and avoids an extra render-blocking request) */
  --font-heading: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-body: 1.0625rem; /* 17px */
  --fs-small: 0.9375rem; /* 15px */
  --leading-body: 1.65;

  /* Motion */
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;

  --header-height: 76px;
}

@media (max-width: 768px) {
  :root {
    --fs-body: 1rem; /* 16px */
    --header-height: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}