/* Atlus Design Tokens */
:root {
    /* Background layers (dark → light) */
    --bg-dock:      #0d0f14;
    --bg-panel:     #0d0f14;
    --bg-stage:     #111318;
    --bg-titlebar:  #161b27;
    --bg-input:     #0f1119;

    /* Borders */
    --border-structural: #1e2130;
    --border-component:  #2a2d36;

    /* Text */
    --text-primary:   #c8ccd8;
    --text-secondary: #8891a8;
    --text-muted:     #4a5068;
    --text-ghost:     #2e3348;

    /* Accent */
    --accent:       #6ea6f0;
    --accent-dim:   rgba(110, 166, 240, 0.12);
    --accent-hover: rgba(110, 166, 240, 0.08);

    /* Status */
    --status-green:  #3ab86a;
    --status-amber:  #e09a2a;
    --status-red:    #e05a4a;

    /* Fonts */
    --font-mono: 'IBM Plex Mono', monospace;
    --font-ui:   'Inter', sans-serif;

    /* Spacing */
    --dock-width:  72px;
    --panel-width: 240px;
    --tab-height:  40px;
    --titlebar-height: 36px;

    /* Touch targets */
    --tap-min: 48px;

    /* Radii */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
}