/* =========================================================
   core/variables.css
   ---------------------------------------------------------
   Design tokens and reusable CSS custom properties. Change colours, spacing, radius and layout constants here first.
   ========================================================= */

/* =========================================================
   1) DESIGN TOKENS 
   --------------------------------------------------------- */

:root {
  --bg: #f6f6f9;
  --text: #111;
  --card: #fff;
  --border: #e5e5e5;

  --muted: #666;
  --muted-2: #999;
  --muted-3: #bbb;

  --accent: #0F9FA8;
  --accent-2: #38ffaa;
  --focus: #0066ff;

  --link: #3366cc;
  --nav-link: #222;
  --menu-bg: #fff;
  --menu-link: #222;

  --max: 1440px;
  --radius: 14px;

  --space-xs: 6px;
  --space-s: 10px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 40px;

  --shadow: 0 3px 6px rgba(0, 0, 0, 0.08);

  /* Canonical component tokens (CSS consolidation Phase 1A). */
  --nn-color-accent: #0f9fa8;
  --nn-color-accent-hover: #087780;
  --nn-color-text: #101828;
  --nn-color-text-muted: #667085;
  --nn-color-border: #e5e7eb;
  --nn-color-border-strong: #d0d5dd;
  --nn-color-success: #027a48;
  --nn-color-success-soft: #ecfdf3;
  --nn-color-warning: #b54708;
  --nn-color-warning-soft: #fffaeb;
  --nn-color-danger: #b42318;
  --nn-color-danger-soft: #fef3f2;
  --nn-color-info: #315f76;
  --nn-color-info-soft: #eef6fb;
  --nn-radius-status: 4px;
  --nn-radius-control: 6px;
  --nn-button-height: 40px;
  --nn-button-height-compact: 34px;
  --nn-button-padding-x: 16px;
  --nn-button-padding-x-compact: 12px;
  --nn-space-1: 4px;
  --nn-space-2: var(--space-xs);
  --nn-space-3: 8px;
  --nn-space-4: 12px;

  /* Timetable / lesson tokens */
  --nn-purple: #0F9FA8;
  --nn-grid-row-h: 12px;
  --nn-grid-gap: 2px;
  --nn-border: #ececf1;
  --nn-text: #1f1f1f;
  --nn-bg: #fff;

  font-family: "Assistant", sans-serif;
}