@layer k12.tokens {
  :root {
    --k12-color-white: #ffffff;
    --k12-color-orange: #dd8343;
    --k12-color-orange-dark: #975b30;
    --k12-color-orange-deep: #6e4426;
    --k12-color-navy: #223366;
    --k12-color-navy-dark: #16233f;
    --k12-color-navy-tint: #eaeef4;
    --k12-color-community: #b8546f;
    --k12-color-community-deep: #6b2e3d;
    --k12-color-community-tint: #f7e9ed;
    --k12-color-authoring: #2f8f8a;
    --k12-color-authoring-deep: #1c5450;
    --k12-color-authoring-tint: #e3f3f2;
    --k12-color-learning: #7c5cbf;
    --k12-color-learning-deep: #4a3670;
    --k12-color-learning-tint: #f0ecfa;
    --k12-color-credential-tint-strong: #faece3;
    --k12-color-credential-tint-soft: #fdf9f6;
    --k12-color-ink: #201c18;
    --k12-color-ink-muted: #5f5b57;
    --k12-color-ink-subtle: #76716b;
    --k12-color-border: #c9cad0;
    --k12-color-surface: #ffffff;
    --k12-color-canvas: #f5f6f8;
    --k12-color-success: #2f8f4e;
    --k12-color-success-text: #1f6237;
    --k12-color-success-tint: #e7f4ea;
    --k12-color-warning: #b8842c;
    --k12-color-warning-text: #6a4812;
    --k12-color-warning-tint: #faf1de;
    --k12-color-danger: #c0392b;
    --k12-color-danger-text: #84261d;
    --k12-color-danger-tint: #fbeceb;
    --k12-font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --k12-font-display: Fraunces, Georgia, serif;
    --k12-radius-control: 0.625rem;
    --k12-radius-surface: 0.875rem;
    --k12-space-1: 0.25rem;
    --k12-space-2: 0.5rem;
    --k12-space-3: 0.75rem;
    --k12-space-4: 1rem;
    --k12-space-6: 1.5rem;
    --k12-space-8: 2rem;
    --k12-focus-ring: #223366;
  }
}