/*
 * Parallax Workspace — Default Theme
 *
 * To create a new theme: copy this file as theme-<name>.css,
 * change the custom property values, set THEME=<name> in .env.
 * The layout CSS (style.css) references only these variables.
 */

:root {
  /* ── Backgrounds ─────────────────────────────── */
  --bg-body:           #14141e;
  --bg-surface:        #1c1c2a;
  --bg-surface-raised: #242436;
  --bg-hover:          #2c2c40;
  --bg-active:         #34344a;
  --bg-input:          #1a1a28;

  /* ── Accent ──────────────────────────────────── */
  --accent:            #c49362;
  --accent-hover:      #d4a878;
  --accent-muted:      rgba(196, 147, 98, 0.15);
  --accent-text:       #14141e;

  /* ── Text ────────────────────────────────────── */
  --text-primary:      #e4e2de;
  --text-secondary:    #9a9890;
  --text-muted:        #5e5c58;
  --text-inverse:      #14141e;

  /* ── Borders ─────────────────────────────────── */
  --border:            #2e2e42;
  --border-light:      #3a3a50;
  --border-focus:      var(--accent);

  /* ── Status ──────────────────────────────────── */
  --success:           #6aae7f;
  --success-bg:        rgba(106, 174, 127, 0.12);
  --warning:           #c9b56b;
  --warning-bg:        rgba(201, 181, 107, 0.12);
  --error:             #c96b6b;
  --error-bg:          rgba(201, 107, 107, 0.12);
  --info:              #6b9ec9;
  --info-bg:           rgba(107, 158, 201, 0.12);

  /* ── Sidebar ─────────────────────────────────── */
  --sidebar-bg:        #181824;
  --sidebar-border:    #252538;
  --sidebar-width:     220px;

  /* ── Radii & Spacing ─────────────────────────── */
  --radius:            8px;
  --radius-sm:         4px;
  --radius-lg:         12px;

  /* ── Transitions ─────────────────────────────── */
  --transition:        150ms ease;
  --transition-slow:   300ms ease;

  /* ── Shadows ─────────────────────────────────── */
  --shadow:            0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-lg:         0 8px 24px rgba(0, 0, 0, 0.4);

  /* ── Typography ──────────────────────────────── */
  --font-sans:         -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:         'SF Mono', Monaco, 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
  --font-size-xs:      0.75rem;
  --font-size-sm:      0.8125rem;
  --font-size-base:    0.9375rem;
  --font-size-lg:      1.125rem;
  --font-size-xl:      1.5rem;
  --font-size-2xl:     2rem;
  --line-height:       1.6;

  /* ── Mobile tab bar ──────────────────────────── */
  --tab-bar-height:    60px;
}