/* ═══════════════════════════════════════════════════
   Lumber Design System — Tier 1: Reference Tokens
   ═══════════════════════════════════════════════════
   Raw palette values. NEVER consumed directly by
   components — they feed into Tier 2 system tokens.

   Namespace: --lb-ref-*
   ═══════════════════════════════════════════════════ */

:root {
    /* ── Neutral Scale ── */
    --lb-ref-n0: #000000;
    --lb-ref-n5: #080c12;
    --lb-ref-n10: #111827;
    --lb-ref-n15: rgba(22, 28, 38, 0.7);
    --lb-ref-n20: #1e293b;
    --lb-ref-n30: rgba(255, 255, 255, 0.06);
    --lb-ref-n40: rgba(255, 255, 255, 0.08);
    --lb-ref-n50: rgba(255, 255, 255, 0.12);
    --lb-ref-n60: rgba(255, 255, 255, 0.15);
    --lb-ref-n90: #94a3b8;
    --lb-ref-n95: #f8fafc;
    --lb-ref-n100: #ffffff;

    /* ── Brand ── */
    --lb-ref-brand: #36d399;
    --lb-ref-brand-rgb: 54, 211, 153;

    /* ── Product Palettes ── */
    --lb-ref-lumber: #c2956a;
    --lb-ref-lumber-2: #d4a574;

    --lb-ref-ws: #60a5fa;
    --lb-ref-ws-2: #818cf8;
    --lb-ref-ws-rgb: 96, 165, 250;

    --lb-ref-forge: #f59e0b;
    --lb-ref-forge-2: #fb923c;

    --lb-ref-ff: #f472b6;
    --lb-ref-ff-2: #e879f9;

    --lb-ref-ledger: #34d399;
    --lb-ref-ledger-2: #22d3ee;

    /* ── Semantic Colors ── */
    --lb-ref-warn: #fbbf24;
    --lb-ref-danger: #fb7185;
    --lb-ref-success: #36d399;

    /* ── Spacing Scale ── */
    --lb-ref-sp1: 4px;
    --lb-ref-sp2: 8px;
    --lb-ref-sp3: 12px;
    --lb-ref-sp4: 16px;
    --lb-ref-sp5: 24px;
    --lb-ref-sp6: 40px;

    /* ── Shape Scale ── */
    --lb-ref-r-sm: 8px;
    --lb-ref-r-md: 12px;
    --lb-ref-r-lg: 20px;
    --lb-ref-r-xl: 28px;

    /* ── Type Families ── */
    --lb-ref-font: 'Inter', system-ui, -apple-system, sans-serif;
    --lb-ref-font-mono: 'JetBrains Mono', monospace;

    /* ── Icon Sizes ── */
    --lb-ref-icon-sm: 12px;
    --lb-ref-icon-md: 16px;
    --lb-ref-icon-lg: 20px;
    --lb-ref-icon-xl: 24px;
}