/* ========================================
   TaskBook — Shared base
   ======================================== */

:root {
  --bg-page: #F7F8FA;
  --bg-card: #FFFFFF;
  --primary-navy: #1A2B48;
  --primary-navy-hover: #132038;
  --text-heading: #0F172A;
  --text-muted: #64748B;
  --text-label: #94A3B8;
  --pending-blue: #3B82F6;
  --completed-green: #10B981;
  --border-light: #E5E7EB;
  --border-row: #E5E7EB;
  --border-dashed: #CBD5E1;
  --dotted-line: #CBD5E1;
  --avatar-bg: #C7D2FE;
  --avatar-text: #FFFFFF;
  --hover-row: #F8FAFC;
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04);
  --radius-card: 14px;
  --radius-btn: 8px;
  --max-width: 1200px;
  --grid-cols: 48px minmax(280px, 1fr) 100px 100px 28px;

  /* Employee page tokens */
  --overdue-red: #EF4444;
  --warning-orange: #F59E0B;
  --badge-pending-bg: #EFF6FF;
  --badge-completed-bg: #ECFDF5;
  --online-green: #22C55E;
  --panel-width: 380px;
  --notebook-spine: #E5E7EB;
  --active-row: #EFF6FF;

  /* Shared task book tokens */
  --submitted-blue: #6366F1;
  --needs-changes-orange: #F97316;
  --badge-submitted-bg: #EEF2FF;
  --badge-needs-changes-bg: #FFF7ED;
  --shared-max-width: 1480px;
  --shared-panel-width: 480px;
  --selected-row: #F3F7FF;
}

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

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

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg-page);
  color: var(--text-heading);
  line-height: 1.5;
  min-height: 100vh;
}

button,
input,
a {
  font-family: inherit;
}

img {
  display: block;
  max-width: 100%;
}

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