/* AUTO-GENERATED from design-tokens/tokens.json — DO NOT EDIT BY HAND.
   Edit tokens.json then run `npm run build` in design-tokens/.
   Target: admin CSS custom properties (loaded by layouts/include.blade.php) */

:root {
  --primary-dark: #085041;
  --primary: #0F6E56;
  --primary-mid: #1D9E75;
  --primary-light: #5DCAA5;
  --primary-tint: #9FE1CB;
  --primary-bg: #E1F5EE;
  --page-bg: #F4FAF8;
  --accent-dark: #854F0B;
  --accent-link: #BA7517;
  --accent-mid: #EF9F27;
  --accent-light: #FAEEDA;
  --dark-bg: #0A2E2A;
  --ink: #2C2C2A;
  --ink-2: #5F5E5A;
  --border: #D3D1C7;
  --surface: #F1EFE8;
  --hair: rgba(44,44,42,.1);
  --rose: #B23A2B;
  --rose-bg: #FBE6E2;
  --white: #FFFFFF;
  --role-student-bg: #E1F5EE;
  --role-student-fg: #085041;
  --role-teacher-bg: #FAEEDA;
  --role-teacher-fg: #854F0B;
  --role-admin-bg: #0F6E56;
  --role-admin-fg: #E1F5EE;
  --role-inactive-bg: #F1EFE8;
  --role-inactive-fg: #5F5E5A;
  --status-ok-bg: #E1F5EE;
  --status-ok-fg: #085041;
  --status-warn-bg: #FAEEDA;
  --status-warn-fg: #854F0B;
  --status-late-bg: #FBE6E2;
  --status-late-fg: #B23A2B;
  --font-sans: 'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --text-display: 36px;
  --text-h1: 28px;
  --text-h2: 22px;
  --text-h3: 18px;
  --text-body-lg: 16px;
  --text-body: 14px;
  --text-caption: 12px;
  --text-label: 11px;
  --text-hero: 54px;
  --radius-button: 10px;
  --radius-input: 9px;
  --radius-card: 16px;
  --radius-panel: 18px;
  --radius-cta: 24px;
  --radius-pill: 999px;
  --radius-tile: 24%;
  --shadow-float: 0 16px 40px -14px rgba(0,0,0,.22);
  --shadow-hero: 0 30px 70px -24px rgba(15,110,86,.32);
  --focus-ring: rgba(15,110,86,.12);
}