/* ============================================================
   Aprenda+ — Design tokens (colors, type, spacing, effects)
   Consolidated from the original design system.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  /* ---- Slate / navy ink ramp ---- */
  --slate-950: #0D1B36;
  --slate-900: #112240;
  --slate-700: #314158;
  --slate-600: #45556C;
  --slate-500: #62748E;
  --slate-400: #90A1B9;
  --slate-300: #CAD5E2;
  --slate-200: #E2E8F0;
  --slate-100: #F1F5F9;
  --slate-50:  #F8FAFC;

  /* ---- Green (primary action) ---- */
  --green-700: #4A9926;
  --green-600: #5BAF30;
  --green-500: #6DBF3A;
  --green-200: #C2EFAC;
  --green-100: #DFFACC;
  --green-50:  #F1FCE8;

  /* ---- Blue (accent) ---- */
  --blue-700: #2060C8;
  --blue-600: #3478E0;
  --blue-500: #4D8FEC;
  --blue-200: #BEDBFF;
  --blue-100: #DBEAFE;
  --blue-50:  #EFF6FF;

  /* ---- Lime ---- */
  --lime-600: #65A30D;
  --lime-500: #84CC16;
  --lime-400: #A3E635;
  --lime-100: #ECFCCB;
  --lime-50:  #F7FEE7;

  /* ---- Gold / semantics ---- */
  --gold-500: #FDC700;
  --gold-100: #FEF9C2;
  --red-600:   #DC2626;
  --red-50:    #FEF2F2;
  --amber-500: #F59E0B;
  --white:     #FFFFFF;

  /* Type */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Radii */
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 23, 43, 0.08), 0 1px 2px rgba(15, 23, 43, 0.04);
  --shadow-lg: 0 12px 28px rgba(15, 23, 43, 0.10), 0 4px 10px rgba(15, 23, 43, 0.05);
  --shadow-xl: 0 24px 56px rgba(15, 23, 43, 0.12);
}