/*
 * EdSmartly Design Tokens — Single source of truth for brand colours,
 * typography, spacing, radii, and shadows. Consumed by both the marketing
 * site and the app platform.
 *
 * Platform-specific overrides belong in the consumer's own stylesheet.
 */

:root {
  /* ---- Brand palette ---- */
  --navy:      #0e3a47;
  --teal:      #12707f;
  --teal-light:#e8f3f5;
  --gold:      #c9a24b;
  --ink:       #1c2b30;
  --muted:     #5b6f75;
  --white:     #fff;

  /* ---- Surfaces (consumers may override) ---- */
  --bg:        #fbfcfd;
  --line:      #e5edef;

  /* ---- Shape ---- */
  --radius:    14px;
  --radius-sm: 10px;

  /* ---- Depth ---- */
  --shadow:    0 6px 24px rgba(14, 58, 71, 0.08);

  /* ---- Typography ---- */
  --font-sans: 'IBM Plex Sans', 'IBM Plex Sans Arabic', sans-serif;
  --font-arabic: 'IBM Plex Sans Arabic', 'Noto Naskh Arabic', 'Segoe UI', tahoma, sans-serif;
}

/* Logical-property reset shared by all pages */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* Support agent animations */
@keyframes edsPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes edsSlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }