/**
 * Freeman Design Tokens
 * All color variables for the workspace UI.
 * Used via var(--color-*) in inline styles and the inline <style> block.
 */

:root {
    /* ── Backgrounds ─────────────────────────────────────────── */
    --color-bg-base:          #1e1e1e;  /* main canvas, input backgrounds */
    --color-bg-body-input:    #1a1a1a;  /* raw body textarea */
    --color-bg-surface:       #252525;  /* sidebar, top bars, header bars */
    --color-bg-elevated:      #2c2c2c;  /* top header bar, dropdown menus */
    --color-bg-hover-subtle:  #2a2a2a;  /* light hover (requests, folders) */
    --color-bg-hover-row:     #2e2e2e;  /* env row hover, collection hover */
    --color-bg-btn:           #383838;  /* button backgrounds, menu hover */
    --color-bg-active-item:   #37373d;  /* active request item in sidebar */
    --color-bg-danger-hover:  #2a1515;  /* delete button hover bg */
    --color-bg-badge:         #333333;  /* count badge bg, empty-state icons */

    /* ── Borders ─────────────────────────────────────────────── */
    --color-border-subtle:    #3a3a3a;  /* section dividers, input borders (blur) */
    --color-border-menu:      #444444;  /* dropdown / menu borders */
    --color-border-btn:       #505050;  /* default button border */
    --color-border-input:     #555555;  /* input border (focused) */
    --color-border-strong:    #707070;  /* button hover border */

    /* ── Text ────────────────────────────────────────────────── */
    --color-text-primary:     #cccccc;  /* main body text */
    --color-text-secondary:   #c8c8c8;  /* request item names, response meta */
    --color-text-input:       #d4d4d4;  /* input values, response body */
    --color-text-muted-1:     #aaaaaa;  /* folder names, save button */
    --color-text-muted-2:     #999999;  /* body type radio labels */
    --color-text-muted-3:     #888888;  /* secondary icons, chevrons */
    --color-text-muted-4:     #777777;  /* inactive tabs */
    --color-text-muted-5:     #666666;  /* dimmed labels, auth labels */
    --color-text-muted-6:     #555555;  /* very dim text, empty states */
    --color-text-muted-7:     #4a4a4a;  /* "Collections" section label */

    /* ── Brand / Accent ──────────────────────────────────────── */
    --color-brand:            #e8602c;  /* primary orange */
    --color-brand-hover:      #d4541f;  /* orange hover */
    --color-folder:           #b8860b;  /* folder icon (dark goldenrod) */

    /* ── Semantic ────────────────────────────────────────────── */
    --color-success:          #4ade80;  /* active env indicator, success */
    --color-env-inactive:     #444444;  /* inactive env dot */
    --color-danger:           #ef4444;  /* delete actions, error state */
    --color-danger-light:     #f87171;  /* error message text */
    --color-danger-pale:      #fca5a5;  /* error heading ("Request Failed") */

    /* ── Transparent tints ───────────────────────────────────── */
    --color-brand-tint-bg:    rgba(232, 96,  44,  0.10); /* welcome icon bg */
    --color-brand-tint-border:rgba(232, 96,  44,  0.20); /* welcome icon border */
    --color-brand-tint-badge: rgba(232, 96,  44,  0.25); /* tab badge bg */
    --color-brand-tint-focus: rgba(232, 96,  44,  0.60); /* URL field focused border */
    --color-brand-tint-url-bg:rgba(232, 96,  44,  0.18); /* URL {{var}} highlight bg */
    --color-brand-tint-url-text: #e8a07a;                /* URL {{var}} highlight text */
    --color-success-tint-bg:  rgba( 74, 222, 128, 0.10); /* import success toast bg */
    --color-success-tint-border:rgba(74, 222, 128, 0.25);/* import success toast border */
    --color-danger-tint-bg:   rgba(239,  68,  68, 0.08); /* error box bg */
    --color-danger-tint-border:rgba(239,  68,  68, 0.25);/* error box / toast border */
    --color-danger-tint-bg2:  rgba(239,  68,  68, 0.10); /* import error toast bg */

    /* ── Syntax highlighting (JSON / XML response renderer) ──── */
    --color-syntax-key:       #9cdcfe;  /* JSON keys, XML attrs, response header names */
    --color-syntax-str:       #ce9178;  /* JSON strings, XML values, response header values */
    --color-syntax-num:       #b5cea8;  /* JSON numbers */
    --color-syntax-bool:      #569cd6;  /* JSON booleans & null */
    --color-syntax-punct:     #d4d4d4;  /* JSON punctuation */
    --color-syntax-xml-tag:   #4ec9b0;  /* XML tags */
    --color-syntax-xml-bracket:#808080; /* XML brackets */
    --color-syntax-comment:   #6a9955;  /* XML comments */
}