/* SoleInventory v2 — design tokens.
   Concept: resale ledger × shoebox label. */

:root {
    /* Colour */
    --paper:      #F3F0E8;
    --surface:    #FFFFFF;
    --ink:        #111111;
    --muted:      #6E6A61;
    --rule:       rgba(17, 17, 17, 0.14);
    --accent:     #FF5A1F;
    --accent-ink: #111111;
    --accent-hover: #FF7240;
    --profit:     #0E7A3F;
    --loss:       #C4122F;
    --profit-bg:  #E2F0E7;
    --loss-bg:    #F9E4E8;

    /* Lines & depth */
    --border-hard:     2px solid var(--ink);
    --shadow-print:    4px 4px 0 var(--ink);
    --shadow-print-sm: 2px 2px 0 var(--ink);
    --shadow-print-lg: 8px 8px 0 var(--ink);
    --r-tag: 2px;
    --r:     4px;

    /* Type */
    --font-body:    'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-display: 'Archivo', 'Arial Narrow', sans-serif;
    --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

    --fs-xs:   12px;
    --fs-sm:   13px;
    --fs-base: 15px;
    --fs-md:   17px;
    --fs-lg:   22px;
    --fs-xl:   32px;
    --fs-2xl:  48px;

    /* Space */
    --s1: 4px;
    --s2: 8px;
    --s3: 12px;
    --s4: 16px;
    --s5: 24px;
    --s6: 32px;
    --s7: 48px;
    --s8: 64px;

    /* Layout */
    --sidebar-w: 232px;
    --content-max: 1280px;
}