/* FLUKEYADZ design tokens.
   The accent is a warm amber ("fluke" = lucky strike).
   The whole design system reads these; swap values here, not in components. */

:root {
  /* Surfaces */
  --bg:          #0a0d0f;
  --bg-soft:     #0e1215;
  --surface:     #141a1e;
  --surface-2:   #1b232a;
  --surface-3:   #232c34;
  --border:      #28333c;
  --border-soft: #1f2730;
  --border-strong: #334049;

  /* Text */
  --text:       #f3f6f8;
  --text-dim:   #b1c0cc;
  --text-faint: #7f8f9b;

  /* Brand */
  --accent:        #f6c744;      /* FLUKEYADZ gold */
  --accent-dim:    #ea7322;      /* paired amber */
  --accent-glow:   rgba(246,199,68,.14);
  --accent-weak:   rgba(246,199,68,.08);

  /* Status */
  --danger:  #ef4444;
  --warn:    #f59e0b;
  --info:    #38bdf8;
  --success: #22c55e;

  /* Typography */
  --body: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;

  /* Layout */
  --sidebar-w: 225px;
  --topbar-h: 56px;
  --radius: 12px;
  --radius-sm: 9px;
}

/* Markup resets so our tokens actually win */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: var(--bg);
  color: var(--text);
  font: 400 14px/1.5 var(--body);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
::selection { background: var(--accent); color: #241501; }

/* Light theme — opt-in via <html data-theme="light"> */
:root[data-theme="light"] {
  --bg:          #f6f7f9;
  --bg-soft:     #ffffff;
  --surface:     #ffffff;
  --surface-2:   #f2f4f6;
  --surface-3:   #e9ecef;
  --border:      #d8dde3;
  --border-soft: #e8ecef;
  --border-strong: #c3c9d0;

  --text:       #0a0d0f;
  --text-dim:   #4a5560;
  --text-faint: #7f8f9b;

  --accent-glow: rgba(246,199,68,.22);
  --accent-weak: rgba(246,199,68,.14);
}

/* Hard-coded dark surfaces in inline styles need a light-mode pass too. */
:root[data-theme="light"] input,
:root[data-theme="light"] textarea,
:root[data-theme="light"] select,
:root[data-theme="light"] pre {
  background: #ffffff !important;
  color: #0a0d0f !important;
  border-color: #d8dde3 !important;
}