/* tokens.css - TaggingSpace Design System Tokens */

:root {
  /* Color Palette */
  --surface-base: #f9f9f8;        /* Near-white, trace warm-gray */
  --surface-raised: #f2f2ef;      /* Very subtle warm-gray step */
  --surface-dark: #121213;        /* Near-black, for inverted sections */
  
  --text-primary: #1c1d1d;        /* Deep near-black, charcoal ink */
  --text-secondary: #5e6061;      /* Mid-gray */
  --text-tertiary: #8f9293;       /* Light gray, for metadata/labels */
  --text-inverted: #f9f9f8;
  
  --accent-mark: #4a5d8b;         /* Desaturated indigo-blue, specific technical drawing blue */
  
  --border-hairline: #e3e3e0;     /* Very light gray for 0.5pt rules */
  --border-dark: #333333;

  /* Spacing Scale (8pt grid, 4pt subdivision) */
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-96: 6rem;
  --space-128: 8rem;

  /* Typography Scale */
  --font-family-display: 'DM Sans', sans-serif;
  --font-family-body: 'DM Sans', sans-serif;
  --font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* 
    Scale specified in brief: 
    Display (32–56px), Heading (20–28px), Label (11–13px), Body (14–16px), Mono-label (12px) 
  */
  --font-size-display-lg: 3.5rem;   /* 56px */
  --font-size-display-sm: 2rem;     /* 32px */
  --font-size-heading-lg: 1.75rem;  /* 28px */
  --font-size-heading-sm: 1.25rem;  /* 20px */
  --font-size-body: 1rem;           /* 16px */
  --font-size-body-sm: 0.875rem;    /* 14px */
  --font-size-label: 0.8125rem;     /* 13px */
  --font-size-label-sm: 0.6875rem;  /* 11px */
  --font-size-mono: 0.75rem;        /* 12px */

  --line-height-display: 1.1;
  --line-height-heading: 1.2;
  --line-height-body: 1.5;
  --line-height-none: 1;

  --font-weight-light: 300;     /* Ultra-light */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;      /* Heavy, compressed */
  --font-weight-heavy: 900;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-tracked: 0.05em;

  /* Borders & Radii */
  --radius-0: 0px;
  --radius-4: 4px;
  --border-width-hairline: 0.5px;
  --border-width-regular: 1px;
}