/* ============================================================
   Design Tokens — Precision System
   Clean, restrained, instrument-grade UI.
   All theming flows through these variables.
   ============================================================ */

:root {
    /* Brand — used sparingly */
    --color-primary: #2d6a4f;
    --color-primary-light: #40916c;
    --color-primary-dark: #1b4332;
    --color-accent: #95d5b2;

    /* Neutrals */
    --color-white: #ffffff;
    --color-grey-50: #fafafa;
    --color-grey-100: #f0f0f0;
    --color-grey-200: #e4e4e4;
    --color-grey-300: #d1d1d1;
    --color-grey-500: #888888;
    --color-grey-700: #555555;
    --color-grey-900: #1a1a1a;

    /* Surfaces */
    --color-surface: #ffffff;
    --color-bg: #ffffff;
    --color-navbar: #1a1a1a;

    /* Semantic */
    --color-error: #dc2626;
    --color-success: #16a34a;
    --color-warning: #d97706;
    --color-info: #2563eb;

    /* Typography — single font */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-display: var(--font-family);
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.8125rem;
    --font-size-base: 0.875rem;
    --font-size-lg: 1rem;
    --font-size-xl: 1.125rem;
    --font-size-2xl: 1.375rem;
    --font-size-3xl: 1.75rem;

    /* Spacing — 4px base */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;

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

    /* Legacy aliases — components reference these */
    --border-radius-sm: var(--radius-sm);
    --border-radius: var(--radius);
    --border-radius-lg: var(--radius-md);
    --border-radius-xl: var(--radius-lg);

    /* Shadows — barely there */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.08);

    /* Transitions */
    --transition-fast: 120ms ease;
    --transition-base: 200ms ease;

    /* Layout */
    --max-content-width: 1200px;

    /* Touch targets */
    --tap-target-min: 40px;
}