/**
 * Paper & Ink Design System - Hexos Lab
 *
 * Single source of truth for the visual design language.
 * Used by:
 *   - Landing page (styles.css)
 *   - Marimo notebooks (custom.css)
 *
 * Design philosophy: Academic paper aesthetic with modern typography.
 */

:root {
    /* =======================================================================
       Color Palette - Ink (monochromatic)
       ======================================================================= */
    --ink-black: #1a1a1a;
    --ink-dark: #2d2d2d;
    --ink-medium: #5a5a5a;
    --ink-light: #8a8a8a;
    --ink-faint: #b0b0b0;

    /* =======================================================================
       Color Palette - Paper
       ======================================================================= */
    --paper: #fdfcf9;
    --paper-aged: #f8f6f1;
    --paper-shadow: rgba(0, 0, 0, 0.04);

    /* =======================================================================
       Typography
       ======================================================================= */
    --font-serif: 'Crimson Pro', Georgia, 'Times New Roman', serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: Menlo, monospace;

    /* =======================================================================
       Spacing Scale
       ======================================================================= */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;

    /* =======================================================================
       Layout
       ======================================================================= */
    --max-width: 720px;
    --border-radius: 2px;

    /* =======================================================================
       Typography Metrics
       ======================================================================= */
    --line-height-body: 1.8;
    --line-height-heading: 1.3;
    --base-font-size: 18px;
}