/**
 * BIP Directory — Design Tokens
 * Brand: legal directory. Direction is "law library / legal publishing":
 * ink navy, brass accent, warm paper neutrals, serif display.
 *
 * Variable NAMES are unchanged from the previous palette on purpose —
 * components.css and every template reference these, so only the values move.
 */

:root {
  /* Primary — Ink Navy.
     Replaces the old Material blue (#2196f3), which read as generic SaaS.
     Navy carries institutional/legal authority and holds up against brass. */
  --bip-primary-50:  #f4f7fa;
  --bip-primary-100: #e3ebf3;
  --bip-primary-200: #c2d3e4;
  --bip-primary-300: #93aecb;
  --bip-primary-400: #5e82a8;
  --bip-primary-500: #3a6089;
  --bip-primary-600: #2a4a6d;
  --bip-primary-700: #1f3a57;
  --bip-primary-800: #172c43;
  --bip-primary-900: #112336;
  --bip-primary:     #0f2a44;

  /* Accent — Brass. Used sparingly: CTAs, rating stars, rules, active states.
     One sharp accent against a dominant navy beats an evenly-spread palette. */
  --bip-accent-100: #faf3e2;
  --bip-accent-200: #f0e0b8;
  --bip-accent-300: #ddc079;
  --bip-accent-400: #c9a227;
  --bip-accent-500: #b8863b;
  --bip-accent-600: #96682a;
  --bip-accent:     #b8863b;

  /* Neutrals — warmed slightly (hue ~40) so pages read as paper, not screen.
     Pure grays are one of the fastest ways to look templated. */
  --bip-default-100: #f7f5f2;
  --bip-default-200: #efece7;
  --bip-default-300: #e0dbd3;
  --bip-default-400: #bdb6ab;
  --bip-default-500: #9a9187;
  --bip-default-600: #736c64;
  --bip-default-700: #5a544e;
  --bip-default-800: #3d3934;
  --bip-default-900: #2b2723;
  --bip-default:     #1c1917;

  /* Surfaces */
  --bip-surface:     #ffffff;
  --bip-surface-alt: #f7f5f2;
  --bip-surface-ink: #0f2a44;

  /* Status */
  --bip-success: #2f7d5d;
  --bip-warning: #b8863b;
  --bip-danger:  #a83232;
  --bip-info:    #3a6089;

  /* Typography.
     Spectral (serif) for display — editorial, legal-document character.
     Plus Jakarta Sans for UI/body — modern, highly legible at small sizes.
     Deliberately NOT Inter: it was the previous face and is the default
     "AI-generated site" tell. */
  --bip-font-display: 'Spectral', Georgia, 'Times New Roman', serif;
  --bip-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --bip-font-xs:      12px;
  --bip-font-small:   14px;
  --bip-font-regular: 16px;
  --bip-font-medium:  18px;
  --bip-font-large:   20px;
  --bip-font-xlarge:  24px;
  --bip-font-2xl:     32px;
  --bip-font-3xl:     44px;

  --bip-weight-light:    300;
  --bip-weight-regular:  400;
  --bip-weight-medium:   500;
  --bip-weight-semibold: 600;
  --bip-weight-bold:     700;
  --bip-weight-xbold:    800;

  /* Radii — intentionally small and varied rather than one blanket radius.
     Uniform border-radius everywhere is a templated-design tell. */
  --bip-radius-sm: 3px;
  --bip-radius-md: 6px;
  --bip-radius-lg: 10px;
  --bip-radius-xl: 16px;

  /* Shadows — navy-tinted rather than neutral black, so elevation stays
     in the same colour family as the brand. */
  --bip-shadow-sm: 0 1px 2px rgba(15, 42, 68, 0.06);
  --bip-shadow-md: 0 2px 8px rgba(15, 42, 68, 0.08);
  --bip-shadow-lg: 0 8px 24px rgba(15, 42, 68, 0.10);
  --bip-shadow-xl: 0 18px 48px rgba(15, 42, 68, 0.14);
}