/* 
_theme.css
Consolidated CSS design tokens and theme variables
*/

:root {
  /* ===== Color Palette ===== */
  --background: #f4f8ff;
  --background-secondary: #f2e9e7;
  --panel: #ffffff40;  /*Opacity % * 255, .5=80 1=ff*/
  --ink: #0f172a;
  --inverted-ink: #fff;
  --muted: #64748b;
  --brand: #2563eb;
  /* --brand-secondary: #257beb; */
  --brand-secondary: #1967d2;
  --sidebar: #111827;
  --sidebar-ink: #e5e7eb;
  --border: #b6b6b6;
  --warning: #d97706;
  --danger: #dc2626;
  
  /* ===== Spacing ===== */
  --radius: 16px;
  --shadow: 6px 6px rgba(2, 2, 2, 0.15);
}

/* ===== Dark Theme ===== */
body.dark {
  --background: #0f172a;
  --background-secondary: #10234f;
  --panel: #23324b40;
  --ink: #f1f5f9;
  --muted: #cbd5e1;
  --sidebar: #020617;
  --sidebar-ink: #f1f5f9;
  --border: #334155;
  
  --shadow: 6px 6px rgba(168, 168, 168, 0.1);
}

/* ===== Global Styles ===== */
* {
  box-sizing: border-box;
}

html,
body {
  height: auto;
  min-height: fit-content;
  width: auto;
  min-width: fit-content;
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color: var(--ink);
  background: var(--background);
}