/* Generated from school.json `theme` by vite.config.ts (src/school/theme.ts). Do not edit; change the school. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap');

:root {
  --background: 40 53% 97%;
  --foreground: 48 6% 16%;
  --card: 0 0% 100%;
  --card-foreground: 48 6% 16%;
  --popover: 0 0% 100%;
  --popover-foreground: 48 6% 16%;
  --primary: 154 45% 34%;
  --primary-foreground: 0 0% 100%;
  --secondary: 34 65% 90%;
  --secondary-foreground: 34 65% 48%;
  --muted: 40 40% 94%;
  --muted-foreground: 48 4% 46%;
  --accent: 34 65% 48%;
  --accent-foreground: 0 0% 100%;
  --destructive: 6 63% 46%;
  --destructive-foreground: 0 0% 100%;
  --border: 154 20% 88%;
  --input: 154 20% 88%;
  --ring: 154 45% 34%;
  --radius: 0.875rem;
  --success: 154 45% 34%;
  --success-foreground: 0 0% 100%;
  --warning: 34 65% 48%;
  --warning-foreground: 0 0% 100%;
  --chart-1: 154 45% 34%;
  --chart-2: 34 65% 48%;
  --chart-3: 48 6% 16%;
  --chart-4: 154 45% 20%;
  --chart-5: 34 75% 64%;
  --sidebar-background: 48 6% 16%;
  --sidebar-foreground: 40 53% 95%;
  --sidebar-primary: 154 45% 34%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 48 0% 26%;
  --sidebar-accent-foreground: 40 53% 97%;
  --sidebar-border: 48 0% 23%;
  --sidebar-ring: 154 45% 34%;
  --sidebar-muted-foreground: 48 15% 72%;

  --state-done: 163 94% 24%;
  --state-done-foreground: 0 0% 100%;
  --state-done-soft: 152 81% 96%;
  --state-done-edge: 152 76% 80%;
  --state-due: 26 90% 37%;
  --state-due-foreground: 0 0% 100%;
  --state-due-soft: 48 100% 96%;
  --state-due-edge: 48 97% 77%;
  --state-overdue: 17 88% 40%;
  --state-overdue-foreground: 0 0% 100%;
  --state-overdue-soft: 33 100% 96%;
  --state-overdue-edge: 32 98% 83%;
  --state-failed: 0 74% 42%;
  --state-failed-foreground: 0 0% 100%;
  --state-failed-soft: 0 86% 97%;
  --state-failed-edge: 0 96% 89%;
  --state-open: 224 76% 48%;
  --state-open-foreground: 0 0% 100%;
  --state-open-soft: 214 100% 97%;
  --state-open-edge: 213 97% 87%;
}

:root {
  --font-display: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-scale: 1;
  --density: 1;
}

.dark {
  --background: 48 6% 8%;
  --foreground: 40 53% 95%;
  --card: 48 6% 12%;
  --card-foreground: 40 53% 95%;
  --popover: 48 6% 12%;
  --popover-foreground: 40 53% 95%;
  --primary: 154 45% 34%;
  --primary-foreground: 0 0% 100%;
  --secondary: 48 6% 18%;
  --secondary-foreground: 40 53% 95%;
  --muted: 48 6% 18%;
  --muted-foreground: 48 4% 55%;
  --accent: 34 65% 54%;
  --accent-foreground: 0 0% 100%;
  --destructive: 6 53% 40%;
  --destructive-foreground: 0 0% 100%;
  --border: 48 6% 18%;
  --input: 48 6% 18%;
  --ring: 154 45% 34%;
  --radius: 0.875rem;
  --success: 154 45% 40%;
  --success-foreground: 0 0% 100%;
  --warning: 34 65% 54%;
  --warning-foreground: 0 0% 100%;
  --chart-1: 154 45% 34%;
  --chart-2: 34 65% 54%;
  --chart-3: 48 6% 40%;
  --chart-4: 154 45% 20%;
  --chart-5: 34 75% 69%;
  --sidebar-background: 48 6% 10%;
  --sidebar-foreground: 40 53% 95%;
  --sidebar-primary: 154 45% 34%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 48 6% 15%;
  --sidebar-accent-foreground: 40 53% 95%;
  --sidebar-border: 48 6% 18%;
  --sidebar-ring: 154 45% 34%;
  --sidebar-muted-foreground: 48 15% 72%;

  --state-done: 158 64% 52%;
  --state-done-foreground: 164 86% 10%;
  --state-done-soft: 164 86% 16%;
  --state-done-edge: 163 88% 20%;
  --state-due: 43 96% 56%;
  --state-due-foreground: 21 92% 10%;
  --state-due-soft: 21 92% 14%;
  --state-due-edge: 23 82% 31%;
  --state-overdue: 27 96% 61%;
  --state-overdue-foreground: 13 81% 10%;
  --state-overdue-soft: 13 81% 15%;
  --state-overdue-edge: 15 79% 34%;
  --state-failed: 0 91% 71%;
  --state-failed-foreground: 0 75% 10%;
  --state-failed-soft: 0 75% 15%;
  --state-failed-edge: 0 70% 35%;
  --state-open: 213 94% 68%;
  --state-open-foreground: 226 57% 12%;
  --state-open-soft: 226 57% 21%;
  --state-open-edge: 226 71% 40%;
}

/* The studio's names, as aliases of the same values. */
:root {
  --paper: hsl(var(--background));
  --ink: hsl(var(--foreground));
  --accent: hsl(var(--primary));
  --accent-2: hsl(var(--accent));
  --gold: hsl(var(--chart-4));
  --muted: hsl(var(--muted-foreground));
  --border: hsl(var(--border));
  --danger: hsl(var(--destructive));
  --card: hsl(var(--card));
  --soft: hsl(var(--muted));
  --secondary: hsl(var(--secondary));
  --panel: hsl(var(--card));
  --field: hsl(var(--card));
  --field-border: hsl(var(--border));
  --hover: hsl(var(--muted));
}
