/* IASITM Operating System — Design tokens
 * Brand palette and background gradient from the blueprint.
 * This is the single source of color truth — no hardcoded colors elsewhere. */

:root {
  /* Brand palette */
  --teal: #2F6F73;
  --teal-dark: #235457;
  --teal-light: #5BA9A7;
  --purple: #9B7ACB;
  --gold: #B8860B;
  --terra: #C9523F;
  --green: #2F8F4E;

  /* Neutrals / text */
  --ink: #3D4F52;
  --muted: #9DA5A7;
  --slate: #5A6B6E;
  --line: #e6e2da;
  --paper: #FAF8F4;
  --card: #fff;

  /* Application background */
  --app-bg: linear-gradient(135deg, #eef0ec, #e8ebe6, #eff0ed);

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;

  /* Radius */
  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow: 0 1px 3px rgba(35, 84, 87, 0.08), 0 4px 16px rgba(35, 84, 87, 0.06);
  --shadow-sm: 0 1px 2px rgba(35, 84, 87, 0.08);

  /* Typography */
    --font-sans: Verdana, Geneva, Tahoma, sans-serif;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;

  /* Layout */
  --sidebar-w: 248px;
  --header-h: 60px;
}