/* ─── Design Tokens ────────────────────────────────────────────────────────── */
/* Light theme — adopted from index.html palette, unified for new shell.        */

:root {
  /* Surface */
  --bg:       #f0f4f8;
  --surface:  #ffffff;
  --surface2: #f8fafc;

  /* Navy (header, dark surfaces) */
  --navy:     #0f172a;
  --navy2:    #1e293b;
  --navy3:    #334155;

  /* Accent */
  --acc:      #6366f1;
  --acc2:     #818cf8;
  --acc-bg:   #e0e7ff;

  /* Semantic colours */
  --green:    #10b981;
  --green-bg: #d1fae5;
  --red:      #ef4444;
  --red-bg:   #fee2e2;
  --amber:    #f59e0b;
  --amber-bg: #fef3c7;
  --blue:     #3b82f6;
  --blue-bg:  #dbeafe;
  --purple:   #8b5cf6;
  --purple-bg:#ede9fe;

  /* Text */
  --txt:      #1e293b;
  --muted:    #64748b;
  --dim:      #94a3b8;

  /* Borders */
  --bdr:      #e2e8f0;
  --bdr2:     #f1f5f9;

  /* Shadows */
  --shadow:   0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  --shadow2:  0 4px 16px rgba(0,0,0,.10);

  /* Radius */
  --rad:      10px;
  --rad-sm:   6px;
  --rad-lg:   14px;

  /* Shell dimensions */
  --header-h: 60px;
  --nav-h:    48px;
  --content-max: 1400px;
}

/* ─── Reset ────────────────────────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--bg);
  color: var(--txt);
  min-height: 100vh;
  line-height: 1.5;
}

button {
  font-family: inherit;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}