/* Liberty Classroom runtime theme tokens; this file is deployment-owned. */
:root {
  --brand-foreground: #3a2b25;
  --brand-copy-muted: #806b60;
  --brand-border: #eee8df;
  --brand-feature-background-secondary: #fffdfa;
  --brand-feature-background: #fffdfa;
  --brand-feature-background-hover: #ffffff;
  --brand-feature-foreground: var(--brand-foreground);
  --brand-feature-muted-foreground: var(--brand-copy-muted);
  --brand-accent: #f56f3a;
  --brand-accent-strong: #d94b1d;
  --brand-accent-soft: #ff9a73;
  --brand-accent-foreground: var(--brand-foreground);
  --brand-action: var(--brand-accent);
  --brand-action-hover: var(--brand-accent-strong);
  --brand-action-foreground: #ffffff;
  --brand-emphasis: var(--brand-foreground);
  --brand-focus: var(--brand-accent);
  --brand-chrome-background: var(--brand-feature-background);
  --brand-chrome-foreground: var(--brand-foreground);
  --brand-chrome-muted-foreground: color-mix(in oklab, var(--brand-foreground) 68%, transparent);
  --brand-chrome-border: var(--brand-border);
  --brand-chrome-control: color-mix(in oklab, var(--brand-foreground) 6%, transparent);
  --brand-chrome-control-hover: color-mix(in oklab, var(--brand-foreground) 10%, transparent);
  --brand-chrome-control-border: var(--brand-border);
  --brand-light-background: #ffffff;
  --brand-dark-background: var(--brand-feature-background);
  --brand-dark-foreground: var(--brand-foreground);
  --brand-dark-surface: var(--brand-feature-background-hover);
  --brand-dark-surface-foreground: var(--brand-foreground);
  --radius: 0.375rem;
  --share-x: #000000;
  --share-facebook: #0866ff;
  --share-linkedin: #0a66c2;
  --share-whatsapp: #25d366;
  --background: #ffffff;
  --foreground: var(--brand-light-foreground, oklch(0.145 0 0));
  --surface: #ffffff;
  --surface-foreground: var(--brand-light-surface-foreground, var(--foreground));
  --card: #ffffff;
  --card-foreground: var(--brand-foreground);
  --popover: #ffffff;
  --popover-foreground: var(--brand-foreground);
  --primary: var(--brand-accent);
  --primary-foreground: var(--brand-foreground);
  --secondary: var(--brand-feature-background);
  --secondary-foreground: var(--brand-foreground);
  --muted: #faf6ef;
  --muted-foreground: var(--brand-copy-muted);
  --accent: color-mix(in oklab, var(--brand-accent) 14%, white);
  --accent-foreground: var(--brand-foreground);
  --destructive: oklch(0.577 0.245 27.325);
  --warning: oklch(0.95 0.06 90);
  --warning-foreground: oklch(0.32 0.07 45);
  --note: oklch(0.95 0.025 12);
  --note-border: oklch(0.7 0.13 12);
  --border: var(--brand-border);
  --input: #ece5da;
  --ring: var(--brand-focus);
  --chart-1: var(--brand-accent);
  --chart-2: var(--brand-action);
  --chart-3: var(--brand-accent-soft);
  --chart-4: var(--brand-action-hover);
  --chart-5: var(--brand-copy-muted);
  --sidebar: var(--brand-feature-background);
  --sidebar-foreground: var(--brand-foreground);
  --sidebar-primary: var(--brand-accent);
  --sidebar-primary-foreground: var(--brand-foreground);
  --sidebar-accent: color-mix(in oklab, var(--brand-accent) 14%, var(--brand-feature-background));
  --sidebar-accent-foreground: var(--brand-foreground);
  --sidebar-border: var(--brand-border);
  --sidebar-ring: var(--brand-accent);
}

.dark {
  --brand-copy-muted: #b8b1aa;
  --brand-border: #3d3d3d;
  --brand-feature-background-secondary: #282828;
  --brand-feature-background: #202020;
  --brand-feature-background-hover: #303030;
  --brand-feature-foreground: #faf8f5;
  --brand-feature-muted-foreground: #b8b1aa;
  --brand-emphasis: #faf8f5;
  --brand-chrome-background: var(--brand-feature-background);
  --brand-chrome-foreground: var(--brand-feature-foreground);
  --brand-chrome-muted-foreground: var(--brand-feature-muted-foreground);
  --brand-chrome-border: var(--brand-border);
  --brand-chrome-control: rgb(255 255 255 / 8%);
  --brand-chrome-control-hover: rgb(255 255 255 / 13%);
  --brand-chrome-control-border: #484848;
  --brand-dark-background: #181818;
  --brand-dark-foreground: #f5f3f0;
  --brand-dark-surface: #242424;
  --brand-dark-surface-foreground: #f5f3f0;
  --share-x: #ffffff;
  --background: var(--brand-dark-background, #071a2d);
  --foreground: var(--brand-dark-foreground, #f3f8fc);
  --surface: var(--brand-dark-surface, #0a2036);
  --surface-foreground: var(--brand-dark-surface-foreground, var(--foreground));
  --card: var(--surface);
  --card-foreground: var(--surface-foreground);
  --popover: var(--surface);
  --popover-foreground: var(--surface-foreground);
  --primary: var(--brand-accent, #169bc6);
  --primary-foreground: var(--brand-foreground);
  --secondary: color-mix(in oklab, var(--surface) 88%, var(--surface-foreground));
  --secondary-foreground: var(--surface-foreground);
  --muted: color-mix(in oklab, var(--surface) 90%, var(--surface-foreground));
  --muted-foreground: color-mix(in oklab, var(--surface-foreground) 68%, var(--surface));
  --accent: color-mix(in oklab, var(--brand-accent, #169bc6) 18%, var(--surface));
  --accent-foreground: var(--surface-foreground);
  --destructive: oklch(0.704 0.191 22.216);
  --warning: oklch(0.35 0.07 55);
  --warning-foreground: oklch(0.95 0.05 90);
  --note: oklch(0.25 0.04 12);
  --note-border: oklch(0.72 0.12 12);
  --border: color-mix(in oklab, var(--surface-foreground) 22%, var(--surface));
  --input: color-mix(in oklab, var(--surface-foreground) 30%, var(--surface));
  --ring: var(--brand-focus);
  --chart-1: var(--brand-accent, #169bc6);
  --chart-2: var(--brand-action, #dc3545);
  --chart-3: var(--brand-accent-soft, #00bcd4);
  --chart-4: var(--brand-action-hover, #c82333);
  --chart-5: var(--brand-feature-background-hover, #1a3a52);
  --sidebar: var(--surface);
  --sidebar-foreground: var(--surface-foreground);
  --sidebar-primary: var(--brand-accent, #169bc6);
  --sidebar-primary-foreground: var(--brand-feature-background, #06182b);
  --sidebar-accent: color-mix(in oklab, var(--brand-accent, #169bc6) 18%, var(--surface));
  --sidebar-accent-foreground: var(--surface-foreground);
  --sidebar-border: color-mix(in oklab, var(--surface-foreground) 22%, var(--surface));
  --sidebar-ring: var(--ring);
}