@import url('./gsp-fonts.css');

/* Grade Sync Pro — shared collector palette and typography. */
:root,
body[data-theme="dark"] {
  color-scheme: dark;
  --gsp-bg: #0c0d0f;
  --gsp-surface: #17191d;
  --gsp-surface-raised: #21242a;
  --gsp-surface-inset: #101216;
  --gsp-text: #f1f2f4;
  --gsp-muted: #afb3bb;
  --gsp-accent: #c53c49;
  --gsp-accent-text: #ef8b92;
  --gsp-accent-hover: #a92f3b;
  --gsp-accent-ink: #ffffff;
  --gsp-accent-soft: #351f25;
  --gsp-mineral: #d9dce1;
  --gsp-border: #33363e;
  --gsp-border-strong: #626873;
  --gsp-success: #a9dfb6;
  --gsp-success-bg: #173322;
  --gsp-warning: #f0cf8e;
  --gsp-warning-bg: #352d1b;
  --gsp-danger: #f0b0a5;
  --gsp-danger-bg: #3b2322;
  --gsp-info: #b1c7cd;
  --gsp-info-bg: #1e3035;
  --gsp-focus: #ef8b92;
  --gsp-font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --gsp-font-display: "Instrument Serif", Georgia, serif;
  --gsp-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --gsp-radius: 12px;
  --gsp-radius-sm: 6px;
  --gsp-radius-lg: 20px;
  --gsp-shadow: 0 12px 32px rgb(0 0 0 / 14%);
}

body[data-theme="light"] {
  color-scheme: light;
  --gsp-bg: #f5f5f6;
  --gsp-surface: #ffffff;
  --gsp-surface-raised: #ebecef;
  --gsp-surface-inset: #f0f1f3;
  --gsp-text: #202228;
  --gsp-muted: #606571;
  --gsp-accent: #c53c49;
  --gsp-accent-text: #b82f3d;
  --gsp-accent-hover: #a92f3b;
  --gsp-accent-ink: #ffffff;
  --gsp-accent-soft: #f7e7e9;
  --gsp-mineral: #d9dce1;
  --gsp-border: #d5d7dc;
  --gsp-border-strong: #898e99;
  --gsp-success: #27683b;
  --gsp-success-bg: #e1f0df;
  --gsp-warning: #815e12;
  --gsp-warning-bg: #f5ebce;
  --gsp-danger: #a4352a;
  --gsp-danger-bg: #fae6df;
  --gsp-info: #305e69;
  --gsp-info-bg: #e1edf0;
  --gsp-focus: #b82f3d;
  --gsp-shadow: 0 12px 32px rgb(12 13 15 / 6%);
}