:root {
    /* macOS Sonoma-inspired palette */
    --color-bg-window:        #ECECEC;
    --color-bg-sidebar:       #F5F5F5;
    --color-bg-content:       #FFFFFF;
    --color-bg-detail:        #FAFAFA;
    --color-bg-toolbar:       linear-gradient(to bottom, #FAFAFA, #F0F0F0);
    --color-bg-hover:         #E8E8E8;
    --color-bg-selected:      rgba(0, 122, 255, 0.12);
    --color-bg-input:         #FFFFFF;
    --color-bg-stripe:        #FAFAFA;

    --color-border:           #D1D1D6;
    --color-border-light:     #E5E5EA;
    --color-border-focus:     #007AFF;

    --color-text-primary:     #1D1D1F;
    --color-text-secondary:   #6E6E73;
    --color-text-tertiary:    #AEAEB2;
    --color-text-inverse:     #FFFFFF;

    --color-accent:           #007AFF;
    --color-accent-hover:     #0056CC;
    --color-accent-light:     rgba(0, 122, 255, 0.1);
    --color-success:          #34C759;
    --color-warning:          #FF9500;
    --color-danger:           #FF3B30;
    --color-income:           #34C759;
    --color-expense:          #FF3B30;

    /* Status colors */
    --color-status-planned:   #AEAEB2;
    --color-status-created:   #007AFF;
    --color-status-cleared:   #34C759;
    --color-status-locked:    #8E8E93;
    --color-status-canceled:  #FF3B30;

    /* Typography */
    --font-family:            -apple-system, BlinkMacSystemFont, 'SF Pro Text',
                              'SF Pro Display', 'Helvetica Neue', 'Segoe UI',
                              system-ui, sans-serif;
    --font-mono:              'SF Mono', 'Menlo', 'Monaco', 'Consolas', monospace;

    --font-size-xs:           11px;
    --font-size-sm:           12px;
    --font-size-base:         13px;
    --font-size-md:           14px;
    --font-size-lg:           16px;
    --font-size-xl:           20px;
    --font-size-xxl:          26px;

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

    /* Spacing */
    --space-xxs:              2px;
    --space-xs:               4px;
    --space-sm:               8px;
    --space-md:               12px;
    --space-lg:               16px;
    --space-xl:               20px;
    --space-xxl:              24px;
    --space-xxxl:             32px;

    /* Layout */
    --sidebar-width:          240px;
    --sidebar-min-width:      180px;
    --sidebar-max-width:      360px;
    --detail-width:           340px;
    --detail-min-width:       280px;
    --detail-max-width:       480px;
    --toolbar-height:         44px;
    --row-height:             36px;

    /* Borders & Shadows */
    --radius-sm:              4px;
    --radius-md:              6px;
    --radius-lg:              8px;
    --radius-xl:              12px;

    --shadow-sm:              0 1px 2px rgba(0,0,0,0.06);
    --shadow-md:              0 2px 8px rgba(0,0,0,0.08);
    --shadow-lg:              0 4px 16px rgba(0,0,0,0.12);
    --shadow-popover:         0 4px 24px rgba(0,0,0,0.15);

    /* Transitions */
    --transition-fast:        100ms ease;
    --transition-normal:      200ms ease;
    --transition-slow:        300ms ease;
}