/* Threshold Admin – Design Tokens */
/* Comprehensive CSS custom properties for theming */
/* These defaults match the current appearance exactly */

:root {
    /* ============================================================
       TYPOGRAPHY
       ============================================================ */
    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Consolas', 'SF Mono', 'Fira Code', monospace;

    --font-size-xs: 10px;
    --font-size-sm: 11px;
    --font-size-md: 12.5px;
    --font-size-base: 13.5px;
    --font-size-lg: 15px;
    --font-size-xl: 17px;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.3;
    --line-height-base: 1.5;
    --line-height-loose: 1.6;

    /* ============================================================
       SPACING
       ============================================================ */
    --space-2xs: 2px;
    --space-xs: 4px;
    --space-sm: 6px;
    --space-md: 8px;
    --space-base: 10px;
    --space-lg: 12px;
    --space-xl: 14px;
    --space-2xl: 16px;
    --space-3xl: 18px;
    --space-4xl: 24px;

    /* ============================================================
       RADII
       ============================================================ */
    --radius-sm: 3px;
    /* --radius: 6px  — defined in panel.css :root */
    /* --radius-lg: 10px  — defined in panel.css :root */
    --radius-pill: 14px;
    --radius-circle: 50%;

    /* ============================================================
       SHADOWS
       ============================================================ */
    /* --shadow: rgba(0,0,0,0.4) — defined in panel.css :root */
    --shadow-sm: 0 1px 3px var(--shadow);
    --shadow-md: 0 2px 8px var(--shadow);
    --shadow-lg: 0 4px 16px var(--shadow);

    /* ============================================================
       SEMANTIC STATUS COLORS
       ============================================================ */

    /* New / Info */
    --status-new-bg: rgba(33, 150, 243, 0.18);
    --status-new-fg: #7dc4ff;

    /* In Progress */
    --status-progress-bg: rgba(156, 39, 176, 0.18);
    --status-progress-fg: #d9a3e8;

    /* Done / Success */
    --status-done-bg: rgba(76, 175, 80, 0.18);
    --status-done-fg: #93d196;

    /* Warning */
    --status-warn-bg: rgba(255, 152, 0, 0.18);
    --status-warn-fg: #ffca6e;

    /* Error */
    --status-error-bg: rgba(244, 67, 54, 0.18);
    --status-error-fg: #f47b72;

    /* Neutral */
    --status-neutral-bg: rgba(96, 125, 139, 0.18);
    --status-neutral-fg: #a6bbc6;

    /* Approve / Paid */
    --approve-bg: rgba(76, 175, 80, 0.15);
    --approve-fg: #93d196;
    --approve-border: rgba(76, 175, 80, 0.3);

    /* Reject / Unpaid */
    --reject-bg: rgba(244, 67, 54, 0.12);
    --reject-fg: #f47b72;
    --reject-border: rgba(244, 67, 54, 0.3);

    /* Monthly / Billing */
    --billing-bg: rgba(74, 158, 255, 0.12);
    --billing-fg: var(--accent);

    /* Open-ended / Ongoing */
    --ongoing-bg: rgba(255, 183, 77, 0.15);
    --ongoing-fg: #ffb74d;

    /* Production / Special */
    --special-bg: rgba(156, 39, 176, 0.15);
    --special-fg: #d9a3e8;

    /* For Sale */
    --forsale-bg: rgba(255, 213, 79, 0.15);
    --forsale-fg: #ffd54f;

    /* Archive / Neutral */
    --archive-bg: rgba(96, 125, 139, 0.25);
    --archive-fg: #a6bbc6;
}