/*
 * Design System Tokens
 * Atlassian-inspired token architecture.
 * Light theme default, dark theme via [data-theme="dark"].
 * System font stack — zero font requests.
 */

:root {
    /* ===== SURFACES ===== */
    --surface-base:             #FFFFFF;
    --surface-raised:           #F7F8F9;
    --surface-sunken:           #F1F2F4;
    --surface-overlay:          #FFFFFF;
    --surface-hovered:          #E9EBEE;
    --surface-pressed:          #DCDFE4;
    --surface-selected:         #E9F2FF;

    /* ===== TEXT ===== */
    --text-primary:             #172B4D;
    --text-secondary:           #44546F;
    --text-subtlest:            #626F86;
    --text-disabled:            #8993A5;
    --text-inverse:             #FFFFFF;
    --text-link:                #0C66E4;
    --text-link-hover:          #0055CC;

    /* ===== BORDERS ===== */
    --border-default:           #DCDFE4;
    --border-bold:              #8993A5;
    --border-focused:           #388BFF;
    --border-selected:          #0C66E4;
    --border-disabled:          #DCDFE4;

    /* ===== STATUS ===== */
    --status-success:           #22A06B;
    --status-success-bg:        #DCFFF1;
    --status-success-bold:      #1F845A;
    --status-warning:           #CF9F02;
    --status-warning-bg:        #FFF7D6;
    --status-warning-bold:      #B65C02;
    --status-danger:            #E34935;
    --status-danger-bg:         #FFECEB;
    --status-danger-bold:       #CA3521;
    --status-info:              #1D7AFC;
    --status-info-bg:           #E9F2FF;
    --status-info-bold:         #0055CC;
    --status-neutral:           #626F86;
    --status-neutral-bg:        #F1F2F4;
    --status-discovery:         #8270DB;
    --status-discovery-bg:      #F3F0FF;

    /* ===== BRAND ===== */
    --brand-primary:            #0C66E4;
    --brand-primary-hover:      #0055CC;
    --brand-primary-pressed:    #09326C;

    /* ===== SHADOWS ===== */
    --shadow-raised:            0 1px 1px rgba(23,43,77,0.25), 0 0 1px rgba(23,43,77,0.31);
    --shadow-overlay:           0 4px 8px -2px rgba(23,43,77,0.25), 0 0 1px rgba(23,43,77,0.31);
    --shadow-modal:             0 8px 12px rgba(23,43,77,0.15), 0 0 1px rgba(23,43,77,0.31);

    /* ===== SPACING (4px base) ===== */
    --space-025:  0.125rem;
    --space-050:  0.25rem;
    --space-075:  0.375rem;
    --space-100:  0.5rem;
    --space-150:  0.75rem;
    --space-200:  1rem;
    --space-250:  1.25rem;
    --space-300:  1.5rem;
    --space-400:  2rem;
    --space-500:  2.5rem;
    --space-600:  3rem;
    --space-800:  4rem;

    /* ===== TYPOGRAPHY ===== */
    --font-family:          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    --font-family-mono:     'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', monospace;
    --font-size-xs:         0.6875rem;
    --font-size-sm:         0.75rem;
    --font-size-base:       0.875rem;
    --font-size-md:         1rem;
    --font-size-lg:         1.25rem;
    --font-size-xl:         1.5rem;
    --font-size-2xl:        1.8125rem;
    --font-size-3xl:        2.25rem;
    --font-weight-regular:  400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;
    --line-height-tight:    1.14;
    --line-height-default:  1.43;
    --line-height-relaxed:  1.67;

    /* ===== RADII ===== */
    --radius-sm:    0.1875rem;
    --radius-md:    0.375rem;
    --radius-lg:    0.5rem;
    --radius-xl:    0.75rem;
    --radius-round: 50%;

    /* ===== TRANSITIONS ===== */
    --transition-fast:    120ms ease-in-out;
    --transition-default: 200ms ease-in-out;
    --transition-slow:    350ms ease-in-out;

    /* ===== Z-INDEX ===== */
    --z-base:    0;
    --z-raised:  100;
    --z-sticky:  200;
    --z-overlay: 300;
    --z-modal:   400;
    --z-toast:   500;
    --z-tooltip: 600;

    /* ===== LAYOUT ===== */
    --sidebar-width:            15rem;
    --sidebar-collapsed-width:  3.5rem;
    --topbar-height:            3.5rem;
    --content-max-width:        75rem;
}

/* ===== DARK THEME ===== */
[data-theme="dark"] {
    --surface-base:         #1D2125;
    --surface-raised:       #22272B;
    --surface-sunken:       #161A1D;
    --surface-overlay:      #282E33;
    --surface-hovered:      #2C333A;
    --surface-pressed:      #353C44;
    --surface-selected:     #1C2B41;

    --text-primary:         #DEE4EA;
    --text-secondary:       #9FADBC;
    --text-subtlest:        #8C9BAB;
    --text-disabled:        #5A6977;
    --text-inverse:         #1D2125;
    --text-link:            #579DFF;
    --text-link-hover:      #85B8FF;

    --border-default:       #3B444C;
    --border-bold:          #5A6977;
    --border-focused:       #579DFF;
    --border-selected:      #579DFF;
    --border-disabled:      #3B444C;

    --status-success:       #4BCE97;
    --status-success-bg:    #1C3329;
    --status-warning:       #F5CD47;
    --status-warning-bg:    #332E1B;
    --status-danger:        #F87168;
    --status-danger-bg:     #3D1F1C;
    --status-info:          #579DFF;
    --status-info-bg:       #1C2B41;
    --status-neutral:       #8C9BAB;
    --status-neutral-bg:    #2C333A;
    --status-discovery:     #B8ACF6;
    --status-discovery-bg:  #2B2540;

    --brand-primary:        #579DFF;
    --brand-primary-hover:  #85B8FF;
    --brand-primary-pressed:#388BFF;

    --shadow-raised:        0 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.6);
    --shadow-overlay:       0 4px 8px -2px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.6);
    --shadow-modal:         0 8px 12px rgba(0,0,0,0.4), 0 0 1px rgba(0,0,0,0.6);
}