/* Design v2 tokens — paper/ink scale, RAG triple, type families.
   Loaded before style.css; style.css aliases its legacy names onto these. */

:root {
    /* Surfaces */
    --paper-0: #ffffff;     /* cards, modals */
    --paper-1: #ffffff;     /* app background */
    --paper-2: #f4f4f5;     /* hover fill, chip bg */
    --paper-3: #e7e7e9;     /* avatar / closeness track */
    --rule:    #e7e7e9;     /* 1 px borders */
    --rule-2:  #d4d4d6;     /* hover borders */

    /* Text */
    --ink-0: #18181b;       /* headlines, primary text, brand dark */
    --ink-1: #2e2e33;       /* body text */
    --ink-2: #57575d;       /* secondary text, eyebrows */
    --ink-3: #82828a;       /* tertiary text */
    --ink-4: #b4b4ba;       /* hints, indices, placeholders */

    /* RAG triple */
    --green:      #15803d;
    --green-soft: #ecfdf5;
    --green-line: #bbf7d0;
    --amber:      #b45309;
    --amber-soft: #fffbeb;
    --amber-line: #fde68a;
    --red:        #b91c1c;
    --red-soft:   #fef2f2;
    --red-line:   #fecaca;

    /* Quick-mode warm + pipeline accents — used by Phase 3/4 sections */
    --warm-bg:     #fffbe8;
    --warm-line:   #facc15;
    --warm-pill:   #fef9c3;
    --warm-border: #fde047;
    --warm-ink:    #854d0e;
    --warm-glyph:  #a16207;
    --shape-wide:    #6d28d9;
    --shape-creative:#c026d3;

    /* Type */
    --sans:  "Inter Tight", "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
    --serif: "Instrument Serif", "Times New Roman", Georgia, serif;
    --mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

    /* Shape */
    --radius-lg: 14px;
    --radius:    10px;
    --radius-sm: 6px;
    --shadow-1:  0 1px 0 rgba(0,0,0,0.03), 0 1px 2px rgba(0,0,0,0.03);
    --shadow-2:  0 1px 0 rgba(0,0,0,0.04), 0 8px 28px -10px rgba(0,0,0,0.12);

    /* Layout */
    --sb-w: 264px;
}