/* theme.css — design tokens */

:root {
  /* ── Palette ── */
  /* Background layers */
  --color-desktop:       #C8D4DC;
  --color-desktop-grad1: #BEC9D4;
  --color-desktop-grad2: #D4DFE8;

  /* Window surfaces */
  --color-window-bg:     #F0F4F8;
  --color-window-border: #9BB0C4;
  --color-titlebar:      #E2EAF2;
  --color-titlebar-focused: #D0DFEf;
  --color-titlebar-text: #2A3F52;

  /* UI chrome */
  --color-taskbar:       rgba(224, 232, 240, 0.95);
  --color-taskbar-border:#9BB0C4;
  --color-header-bg:     rgba(230, 238, 248, 0.92);

  /* Interactive */
  --color-accent:        #3E7ABF;
  --color-accent-hover:  #2D62A0;
  --color-accent-light:  #D0E3F5;

  /* Text */
  --color-text-primary:  #1E2E3D;
  --color-text-secondary:#4A637A;
  --color-text-muted:    #7A95A8;
  --color-text-label:    #2A3F52;

  /* Controls */
  --color-btn-close:     #E05C5C;
  --color-btn-min:       #D4A02A;
  --color-btn-max:       #3A9C5A;

  /* Cards */
  --color-card-bg:       #FFFFFF;
  --color-card-border:   #CCDAE6;
  --color-card-hover:    #EBF3FB;
  --color-card-selected: #D0E3F5;

  /* Dividers */
  --color-divider:       #CDDAE6;

  /* ── Typography ── */
  --font-ui:      'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Mono', 'Courier New', monospace;
  --font-caption: var(--font-ui);

  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 13px;
  --text-md:   14px;
  --text-lg:   16px;
  --text-xl:   18px;
  --text-2xl:  22px;

  /* ── Spacing ── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;

  /* ── Radius ── */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  10px;
  --radius-win: 8px;

  /* ── Shadows ── */
  --shadow-window:   0 8px 32px rgba(20,40,60,0.22), 0 2px 8px rgba(20,40,60,0.12);
  --shadow-window-focused: 0 12px 40px rgba(20,40,60,0.28), 0 3px 10px rgba(20,40,60,0.16);
  --shadow-card:     0 1px 4px rgba(20,40,60,0.10);
  --shadow-taskbar:  0 -2px 12px rgba(20,40,60,0.12);

  /* ── Transitions ── */
  --transition-fast: 100ms ease;
  --transition-ui:   140ms ease;
  --transition-win:  160ms cubic-bezier(0.2, 0, 0.2, 1);

  /* ── Window ── */
  --titlebar-height: 36px;
  --taskbar-height:  44px;
  --header-height:   56px;
}