/* Vidyavan design tokens — v2 "bold tech".
   Brand colours unchanged (from the logo); type and surfaces retuned for a product-company feel. */
:root {
  /* Color — light surfaces */
  --surface-100: #F6F7FB;
  --surface-raised: #FFFFFF;
  --ink: #0E1220;
  --ink-muted: #5B6178;
  --border: #E4E7EF;
  --border-strong: #B8BECE;
  --primary: #1E4F8D;
  --primary-bright: #3B7DD8;
  --on-primary: #FFFFFF;
  --accent-gold: #D9932F;
  --accent-teal: #16A085;
  --danger: #C4453D;
  --on-danger: #FFFFFF;
  --success: #1E7A4C;
  --on-success: #FFFFFF;

  /* Color — dark surfaces (header, hero, CTA bands, footer) */
  --dark-900: #070B18;
  --dark-800: #0C1327;
  --dark-700: #141D38;
  --dark-border: rgba(255,255,255,0.10);
  --on-dark: #F4F6FB;
  --on-dark-muted: rgba(244,246,251,0.66);

  --gradient-brand: linear-gradient(135deg, #3B7DD8 0%, #1E4F8D 45%, #16A085 100%);
  --gradient-text: linear-gradient(90deg, #6FB1FF 0%, #5BE0C3 60%, #F2B85B 100%);

  /* Type */
  --font-display: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;
  --font-sans: "Inter", "IBM Plex Sans", system-ui, sans-serif;

  --display-xl-size: 64px; --display-xl-line: 68px; --display-xl-weight: 700;
  --display-lg-size: 44px; --display-lg-line: 50px; --display-lg-weight: 700;
  --display-md-size: 26px; --display-md-line: 34px; --display-md-weight: 600;
  --body-lg-size: 19px; --body-lg-line: 30px; --body-lg-weight: 400;
  --body-size: 16px; --body-line: 26px; --body-weight: 400;
  --body-sm-size: 14px; --body-sm-line: 22px; --body-sm-weight: 400;
  --label-size: 12px; --label-line: 16px; --label-weight: 700;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 72px;
  --space-7: 112px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card: 0 1px 2px rgba(14,18,32,0.05), 0 8px 24px -8px rgba(14,18,32,0.12);
  --shadow-float: 0 24px 60px -20px rgba(14,18,32,0.35);
  --glow-primary: 0 10px 30px -10px rgba(59,125,216,0.7);
}
