/* ============================================
   ACADEMY V3 - Design Tokens
   Archetype: Sabio + Criador
   Sabedoria: #06152B (deep navy)
   Criacao:   #4169E1 (royal blue)
   ============================================ */

:root {
  /* ---- Sabedoria (Deep Navy - knowledge, depth, trust) ---- */
  --sabedoria-900: #06152B;
  --sabedoria-800: #0b1f3a;
  --sabedoria-700: #112a4a;
  --sabedoria-600: #1a3a5f;
  --sabedoria-500: #264a7a;
  --sabedoria-400: #3a6ba5;
  --sabedoria-300: #5a8ec7;
  --sabedoria-200: #8bb5dc;
  --sabedoria-100: #c5daf0;
  --sabedoria-50: #eaf2fb;

  /* ---- Criacao (Royal Blue - creativity, innovation, action) ---- */
  --criacao-600: #2a4fc7;
  --criacao-500: #4169E1;
  --criacao-400: #6088ea;
  --criacao-300: #8aa6f0;
  --criacao-200: #b3c5f5;
  --criacao-100: #dce5fb;
  --criacao-50: #eef2fd;

  /* ---- Background ---- */
  --bg-primary: #f0f2f5;
  --bg-secondary: #e4e7ec;
  --bg-white: #ffffff;

  /* ---- Surface ---- */
  --surface-card: #ffffff;
  --surface-input: #f3f4f7;

  /* ---- Text ---- */
  --text-primary: var(--sabedoria-900);
  --text-secondary: #555770;
  --text-tertiary: #8e90a6;
  --text-inverse: #ffffff;

  /* ---- Accent (ALL derived from archetype palette) ---- */

  /* Criacao = primary action (buttons, CTA, progress, active, success) */
  --accent-primary: var(--criacao-500);
  --accent-primary-hover: var(--criacao-600);
  --accent-primary-light: var(--criacao-50);
  --accent-primary-muted: var(--criacao-100);

  /* Sabedoria = secondary accent (depth indicators, wisdom, secondary) */
  --accent-secondary: var(--sabedoria-500);
  --accent-secondary-hover: var(--sabedoria-600);
  --accent-secondary-light: var(--sabedoria-50);
  --accent-secondary-muted: var(--sabedoria-100);

  /* Semantic tokens - derived from the two primaries */
  --accent-action: var(--criacao-500);          /* CTA, buttons */
  --accent-action-hover: var(--criacao-600);    /* button hover */
  --accent-action-light: var(--criacao-50);     /* light bg for action context */
  --accent-success: var(--criacao-400);         /* completed, done states */
  --accent-success-light: var(--criacao-50);    /* success bg */
  --accent-progress: var(--sabedoria-400);      /* in-progress, time, metrics */
  --accent-progress-light: var(--sabedoria-50); /* progress bg */
  --accent-depth: var(--sabedoria-600);         /* depth, wisdom, serious */
  --accent-depth-light: var(--sabedoria-50);    /* depth bg */
  --accent-highlight: var(--criacao-300);       /* highlights, badges, subtle */
  --accent-highlight-light: var(--criacao-100); /* highlight bg */

  /* Backwards compat aliases (mapped to archetype) */
  --accent-green: var(--criacao-500);
  --accent-green-hover: var(--criacao-600);
  --accent-green-light: var(--criacao-50);
  --accent-yellow: var(--sabedoria-400);
  --accent-yellow-light: var(--sabedoria-50);
  --accent-blue: var(--criacao-500);
  --accent-blue-light: var(--criacao-50);
  --accent-purple: var(--sabedoria-300);
  --accent-purple-light: var(--sabedoria-50);

  /* ---- Sidebar ---- */
  --sidebar-bg: var(--sabedoria-900);
  --sidebar-text: rgba(255, 255, 255, 0.6);
  --sidebar-text-active: #ffffff;
  --sidebar-hover: rgba(255, 255, 255, 0.06);
  --sidebar-active-bg: rgba(65, 105, 225, 0.15);
  --sidebar-active-accent: var(--criacao-500);
  --sidebar-divider: rgba(255, 255, 255, 0.06);

  /* ---- Border ---- */
  --border-light: rgba(0, 0, 0, 0.04);
  --border-default: rgba(0, 0, 0, 0.06);
  --border-strong: rgba(0, 0, 0, 0.1);

  /* ---- Shadow ---- */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.03);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.05);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.06);

  /* ---- Typography ---- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-sans);

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.125rem;
  --text-2xl: 1.375rem;
  --text-3xl: 1.75rem;
  --text-4xl: 2.125rem;

  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --tracking-tight: -0.02em;

  /* ---- Spacing ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* ---- Radius ---- */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-2xl: 26px;
  --radius-full: 9999px;

  /* ---- Transitions ---- */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;

  /* ---- Layout ---- */
  --sidebar-width: 220px;
  --content-max-width: 1180px;
}