/*  ============================================================
    DRP Tokens — extracted VERBATIM from drp.v2.css (v2.4)
    Do not hand-edit. If drp.v2.css changes, re-extract this
    :root block so the website and the document pipeline can
    never disagree on brand color, type, or spacing.
    ============================================================ */

:root {
    /* Primary */
    --orange:       #F74902;
    --orange-deep:  #C23800;
    --orange-tint:  #FFF3EE;
    --orange-glow:  rgba(247, 73, 2, 0.08);

    /* Neutrals — dark */
    --black:        #0A0A0A;
    --charcoal:     #1C1C1C;
    --slate:        #3A3A3A;
    --ink:          #1A1A1A;        /* print body text */

    /* Neutrals — light (v1 had these as stray literals) */
    --white:        #FFFFFF;
    --light:        #F4F4F4;
    --paper:        #F9F9F9;        /* table zebra stripe */
    --mist:         #F8F8F8;        /* section-meta bg */
    --line:         #E8E8E8;        /* table row rules */
    --line-dark:    #333333;        /* thead bottom rule */

    /* Grays — text on dark / muted text */
    --gray-bright:  #CCCCCC;        /* cover footer notice */
    --gray-mid:     #AAAAAA;        /* sidebar nav idle */
    --gray-dim:     #888888;        /* meta text */
    --gray-faint:   #555555;        /* nav group labels */
    --gray-lockup:  #7A7F88;        /* brand-name in lockup */

    /* Cover gradient + lockup borders */
    --cover-grad-a: #252931;
    --cover-grad-b: #1A1D22;
    --lockup-line:  #2E3238;

    /* Accent */
    --amber:        #E8A020;
    --amber-tint:   #FFF8EC;
    --amber-deep:   #B45309;
    --amber-print-bg: #FFF3CD;
    --amber-print-fg: #856404;

    /* Code block */
    --code-bg:      var(--charcoal);
    --code-fg:      #F8F8F2;

    /* Print-only */
    --print-thead:  #2A2A2A;        /* table header band, reduced ink */

    /* Review layer (section 13) — comment bubbles + review UI */
    --rc-bg:        var(--amber-tint);
    --rc-border:    var(--amber);
    --rc-fg:        var(--amber-deep);
    --rc-hl:        rgba(232, 160, 32, 0.28);   /* selection highlight */
    --rc-ui-bg:     var(--charcoal);            /* toolbar / popover chrome */
    --rc-ui-fg:     var(--white);

    /* Typography — fluid. Min @ ~320px viewport, max @ ~1400px */
    --font-body:    'Inter', system-ui, -apple-system, sans-serif;
    --font-mono:    'JetBrains Mono', ui-monospace, monospace;
    --text-base:    clamp(0.9rem, 0.85rem + 0.25vw, 1rem);
    --text-sm:      clamp(0.8rem, 0.77rem + 0.15vw, 0.875rem);
    --text-xs:      clamp(0.7rem, 0.68rem + 0.1vw, 0.75rem);
    --text-h1:      clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
    --text-h2:      clamp(1.2rem, 1.05rem + 0.75vw, 1.4rem);
    --text-h3:      clamp(1.0rem, 0.95rem + 0.35vw, 1.1rem);
    --text-h4:      clamp(0.82rem, 0.8rem + 0.15vw, 0.9rem);
    --text-cover:   clamp(1.8rem, 1.2rem + 3vw, 2.8rem);
    --leading:      1.75;
    --leading-tight: 1.2;

    /* Spacing — fluid gutters */
    --space-1:      0.25rem;
    --space-2:      0.5rem;
    --space-3:      1rem;
    --space-4:      1.5rem;
    --space-5:      2rem;
    --space-6:      3rem;
    --gutter:       clamp(1.25rem, 0.5rem + 4vw, 4rem);

    /* Layout */
    --sidebar-width: 220px;
    --content-max:  880px;   /* v2.4: was 760px; merged FP/BWC readability override */
    --radius:       4px;
    --radius-sm:    2px;

    /* Breakpoint reference (for humans; CSS can't var() media
       queries): sidebar collapses below 900px.                */
}

/* ── Self-hosted brand fonts (SIL OFL, see assets/fonts/LICENSE-*) ── */
@font-face { font-family:'Inter'; src:url('../fonts/Inter-Regular.woff2') format('woff2');
             font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Inter'; src:url('../fonts/Inter-SemiBold.woff2') format('woff2');
             font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Inter'; src:url('../fonts/Inter-ExtraBold.woff2') format('woff2');
             font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:'JetBrains Mono'; src:url('../fonts/JetBrainsMono-Regular.woff2') format('woff2');
             font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'JetBrains Mono'; src:url('../fonts/JetBrainsMono-Medium.woff2') format('woff2');
             font-weight:500; font-style:normal; font-display:swap; }