/* OwlCommander design tokens
   Site palette (editorial) + application palette (mirrors GPUI Default Light/Dark).
   Keep this file as the single source of truth for both. */

:root {
  /* ---------- Site palette ---------- */
  --paper:        #f1f2f4;
  --paper-2:      #e7e9ed;
  --surface:      #ffffff;
  --surface-2:    #fafbfc;
  --ink:          #14171b;
  --ink-2:        #3c434c;
  --muted:        #6c757f;
  --faint:        #98a0aa;
  --line:         #d5d9df;
  --line-2:       #c2c8d0;

  --night:        #0c0f13;
  --night-2:      #141a21;
  --night-3:      #1d242c;
  --night-line:   #2a333d;
  --night-ink:    #e9edf1;
  --night-muted:  #93a0ac;

  --accent:       #1a7fd4;   /* signal azure — links, live states */
  --accent-ink:   #ffffff;
  --accent-soft:  #e0eefa;
  --brand:        #e4a11b;   /* owl amber — signature */
  --brand-soft:   #fbf1dc;

  --ok:           #1e9e62;
  --warn:         #c9821f;
  --danger:       #d0483f;

  /* ---------- Type ---------- */
  --sans: "Segoe UI Variable Text", "Segoe UI", "PingFang SC", "Microsoft YaHei",
          system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --display: "Segoe UI Variable Display", "Segoe UI", "PingFang SC", "Microsoft YaHei",
             system-ui, sans-serif;
  --mono: "Cascadia Mono", "Cascadia Code", Consolas, "JetBrains Mono", "Geist Mono",
          ui-monospace, "SFMono-Regular", monospace;

  /* ---------- Layout ---------- */
  --page: 1200px;
  --gutter: 32px;
  --radius: 3px;
  --radius-lg: 8px;

  /* ---------- Application simulation (Default Light) ---------- */
  --app-titlebar:      #f8f8f8;
  --app-tab-track:     #f5f5f5;
  --app-tab-idle:      #404040;
  --app-tab-active:    #ffffff;
  --app-toolbar:       #e5e5e5;
  --app-toolbar-hover: #f8f8f8;
  --app-side-track:    #e5e5e5;
  --app-side-active:   #ffffff;
  --app-side-hover:    #f8f8f8;
  --app-crumb-bar:     #e5e5e5;
  --app-crumb-text:    #0a0a0a;
  --app-crumb-hover:   #f8f8f8;
  --app-list-header:   #fafafa;
  --app-list-header-fg:#737373;
  --app-list-bg:       #ffffff;
  --app-list-even:     #fafafa;
  --app-list-hover:    #f5f5f5;
  --app-list-sel:      #bfdbfe33;
  --app-list-sel-line: #60a5fa;
  --app-split:         #e5e5e5;
  --app-sidebar-fg:    #171717;
  --app-sidebar-sel:   #e5e5e5;
  --app-menu-bg:       #ffffff;
  --app-menu-fg:       #0a0a0a;
  --app-menu-hover:    #f5f5f5;
  --app-preview-pane:  #fafafa;
  --app-content-bg:    #ffffff;
  --app-content-fg:    #0a0a0a;
  --app-primary-bg:    #171717;
  --app-primary-hover: #262626;
  --app-primary-fg:    #fafafa;
  --app-secondary-bg:  #e5e5e5;
  --app-input-border:  #e5e5e5;
  --app-statusbar:     #f8f8f8;
  --app-muted:         #737373;
  --app-border:        #e5e5e5;
  --app-danger:        #ef4444;
  --app-success:       #22c55e;
  --app-warning:       #eab308;
  --app-selected:      #1a7fd4;

  --app-font: var(--sans);
  --app-mono: var(--mono);
}

/* Application simulation — Default Dark */
[data-app-mode="dark"] {
  --app-titlebar:      #171717;
  --app-tab-track:     #171717;
  --app-tab-idle:      #d4d4d4;
  --app-tab-active:    #0a0a0a;
  --app-toolbar:       #262626;
  --app-toolbar-hover: #171717;
  --app-side-track:    #262626;
  --app-side-active:   #0a0a0a;
  --app-side-hover:    #171717;
  --app-crumb-bar:     #262626;
  --app-crumb-text:    #fafafa;
  --app-crumb-hover:   #171717;
  --app-list-header:   #17171766;
  --app-list-header-fg:#525252;
  --app-list-bg:       #0a0a0a;
  --app-list-even:     #17171766;
  --app-list-hover:    #292929;
  --app-list-sel:      #1e40af33;
  --app-list-sel-line: #1d4ed8;
  --app-split:         #262626;
  --app-sidebar-fg:    #f5f5f5;
  --app-sidebar-sel:   #262626;
  --app-menu-bg:       #0a0a0a;
  --app-menu-fg:       #fafafa;
  --app-menu-hover:    #292929;
  --app-preview-pane:  #0a0a0a;
  --app-content-bg:    #0a0a0a;
  --app-content-fg:    #fafafa;
  --app-primary-bg:    #fafafa;
  --app-primary-hover: #f5f5f5;
  --app-primary-fg:    #171717;
  --app-secondary-bg:  #262626;
  --app-input-border:  #2f2f2f;
  --app-statusbar:     #171717;
  --app-muted:         #a3a3a3;
  --app-border:        #262626;
  --app-danger:        #f87171;
  --app-success:       #4ade80;
  --app-warning:       #facc15;
  --app-selected:      #5fb3f5;
}

/* Site dark mode (editorial pages) */
:root[data-mode="dark"] {
  --paper:        #0c0f13;
  --paper-2:      #141a21;
  --surface:      #141a21;
  --surface-2:    #1a212a;
  --ink:          #e9edf1;
  --ink-2:        #c3ccd5;
  --muted:        #93a0ac;
  --faint:        #6b7885;
  --line:         #2a333d;
  --line-2:       #39434f;
  --accent:       #5fb3f5;
  --accent-soft:  #16283a;
  --brand:        #f0b64a;
  --brand-soft:   #2c2413;
}