/* ============================================================
   AllGravi V1 — Design Tokens
   Ink & Lime palette, derived from design-mockup-v1.1.html
   ============================================================ */

:root {
    /* ── Ink scale (warm-ink neutrals) ─────────────────────── */
    --ink-900: #14161A;
    --ink-800: #1E2128;
    --ink-700: #2A2E37;
    --ink-600: #3D424D;
    --ink-500: #5A6070;
    --ink-400: #818897;
    --ink-300: #A8AEBC;
    --ink-200: #D2D6DF;
    --ink-150: #E2E5EC;
    --ink-100: #ECEEF3;
    --ink-050: #F7F8FB;

    /* ── Paper (off-white background) ──────────────────────── */
    --paper:      #FAFAF7;
    --paper-alt:  #F4F4EE;
    --surface:    #FFFFFF;

    /* ── Signal lime (single signature accent) ─────────────── */
    --signal:      #C8F849;
    --signal-ink:  #1A2003;
    --signal-soft: #ECFCBE;
    --signal-edge: #B9E83B;

    /* ── Functional semantics ──────────────────────────────── */
    --success: #1F9D55;
    --warning: #D88A00;
    --danger:  #C2410C;
    --info:    #2563A8;

    /* Soft tints used for badges/banners */
    --success-soft: #DDF2E5;
    --warning-soft: #FBE9C7;
    --danger-soft:  #F6D8C4;
    --info-soft:    #DCE8F4;

    /* ── Type ──────────────────────────────────────────────── */
    --font-display: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:    'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, monospace;

    /* ── Radii ─────────────────────────────────────────────── */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* ── Shadows (used sparingly) ──────────────────────────── */
    --shadow-sm: 0 1px 0 rgba(20, 22, 26, 0.04);
    --shadow-md: 0 1px 2px rgba(20, 22, 26, 0.05), 0 8px 24px -12px rgba(20, 22, 26, 0.08);
    --shadow-focus: 0 0 0 3px rgba(200, 248, 73, 0.45);

    /* ── Spacing rhythm (used for layout consistency) ──────── */
    --gap-1: 4px;
    --gap-2: 8px;
    --gap-3: 12px;
    --gap-4: 16px;
    --gap-5: 20px;
    --gap-6: 24px;
    --gap-8: 32px;
    --gap-10: 40px;
    --gap-12: 48px;

    /* ── Layout ────────────────────────────────────────────── */
    --container-max: 1280px;
    --container-px:  24px;
}