@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Instrument+Sans:wdth,wght@75..100,400;75..100,500;75..100,600;75..100,700&display=swap');

:root {
  --ink: #0B111B !important;
  --panel: #131C2A !important;
  --panel-hi: #1A2536 !important;
  --line: #22303F !important;
  --text: #E8EEF5 !important;
  --muted: #AEBED1 !important;
  --faint: #94A5BB !important;
  --action: #7C7CF0 !important;
  --accent: #6EC8FF !important;
  --accent-hover: #8C9EFF !important;
  --accent-muted: rgba(110, 200, 255, .17) !important;
  --accent-foreground: #071018 !important;
  --ring: #6EC8FF !important;
  --warn: #E8A33D !important;
  --course-1: #4F86C6 !important;
  --course-2: #4C9A7A !important;
  --course-3: #8B6FC4 !important;
  --course-4: #C4813F !important;
  --course-5: #C2685F !important;
  --course-6: #4E8A93 !important;
  --course-7: #9A7BA8 !important;
  --course-8: #6B7F45 !important;
  --font-ui: "Instrument Sans", system-ui, sans-serif !important;
  --font-data: "IBM Plex Mono", ui-monospace, monospace !important;
  --radius-control: 8px;
  --radius-card: 14px;
  --radius-pill: 6px;
  --space-1: 4px;
  --space-2: 7px;
  --space-3: 11px;
  --space-4: 15px;
  --space-5: 18px;
  --space-6: 24px;
  --space-7: 32px;
}