/* ============================================================
   Vandelay Companies — Design Tokens
   Single source of truth for colors, type, spacing, radii.
   Do NOT use hard-coded values elsewhere — reference these.
   ============================================================ */

:root {
  /* Surfaces */
  --vc-paper:        #F7F5F0;
  --vc-paper-2:      #EFEDE6;
  --vc-surface:      #FFFFFF;
  --vc-sunken:       #FBFAF6;

  /* Ink (text) */
  --vc-ink:          #15110D;
  --vc-ink-2:        #3A332C;
  --vc-ink-3:        #6E665B;
  --vc-ink-4:        #9A9287;

  /* Lines */
  --vc-rule:         #E5E1D7;
  --vc-rule-strong:  #D0CABE;

  /* Brand — sampled from official logo */
  --vc-navy:         #131A2C;
  --vc-navy-deep:    #0A1019;
  --vc-navy-hover:   #1F2A44;
  --vc-navy-soft:    #DCE0E8;
  --vc-navy-tint:    #EEF0F4;

  /* Functional */
  --vc-positive:      #2D5F3F;
  --vc-positive-soft: #E5EDE3;
  --vc-negative:      #8B2018;
  --vc-negative-soft: #F5E5E2;
  --vc-warning:       #8B6014;
  --vc-warning-soft:  #F4ECDB;

  /* Type */
  --vc-serif: 'Fraunces', Georgia, serif;
  --vc-sans:  'Hanken Grotesk', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --vc-mono:  'JetBrains Mono', 'Menlo', monospace;

  /* Spacing scale */
  --vc-space-1: 4px;
  --vc-space-2: 8px;
  --vc-space-3: 12px;
  --vc-space-4: 16px;
  --vc-space-5: 20px;
  --vc-space-6: 24px;
  --vc-space-8: 32px;
  --vc-space-10: 40px;
  --vc-space-12: 48px;

  /* Radii */
  --vc-r-sm: 3px;
  --vc-r-md: 6px;
  --vc-r-lg: 8px;
  --vc-r-xl: 10px;

  /* Shadows */
  --vc-shadow-sm: 0 1px 2px rgba(21, 17, 13, 0.04);
  --vc-shadow-md: 0 2px 8px rgba(21, 17, 13, 0.04);
  --vc-shadow-lg: 0 4px 16px rgba(21, 17, 13, 0.06);
}