/* ============================================================
   Evolk RH — Color tokens
   A recruitment ("Recrutamento inteligente") SaaS. The palette is
   blue-first: deep navy surfaces for chrome, a bright action blue
   for interaction, on a cool blue-gray canvas.
   ============================================================ */

:root {
  /* ---- Brand blues (the core identity) ---- */
  --brand: #13518A;          /* primary brand navy */
  --brand-light: #206CA8;
  --brand-dark: #0F406D;
  --brand-700: #17568F;      /* heavily used heading/link navy */
  --brand-600: #1B70B9;      /* active nav, links */

  /* ---- Action blue (interactive: buttons, focus) ---- */
  --action: #2B87D3;
  --action-hover: #1E70B3;

  /* ---- Bright accent blues (glows, highlights, logo) ---- */
  --accent-bright: #47A0E9;  /* header rule, sidebar glow, focus ring */
  --accent-logo: #3493D3;    /* logo RH badge */
  --accent-300: #7BC3FF;     /* highlighted words on dark */
  --accent-200: #9DCDF5;     /* eyebrow text on dark */

  /* ---- Deep navy surfaces (sidebar, login splash) ---- */
  --navy-900: #061422;       /* login background base */
  --navy-850: #071A2C;       /* sidebar / brand ink */
  --navy-800: #0E2A43;       /* raised navy controls */
  --navy-700: #0d2a45;

  /* ---- App canvas & soft surfaces ---- */
  --surface-app: #EEF3F7;    /* main app background */
  --surface-card: #ffffff;
  --surface-muted: #F8FAFC;
  --surface-blue-50: #F4FAFF;
  --surface-blue-100: #E8F3FC;
  --surface-blue-150: #F3F8FD;

  /* ---- Neutral / slate scale ---- */
  --slate-950: #020617;
  --slate-900: #0f172a;
  --slate-800: #1e293b;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748b;
  --slate-400: #94a3b8;
  --slate-300: #cbd5e1;
  --slate-200: #e2e8f0;
  --slate-100: #f1f5f9;
  --slate-50:  #f8fafc;
  --muted-foreground: #717182;

  /* ---- Semantic ---- */
  --success: #227C44;
  --success-surface: #E6F8E8;
  --warning: #C5A328;
  --warning-surface: #FEF9C3;
  --danger: #C92923;
  --danger-strong: #d4183d;
  --danger-surface: #FEE2E2;

  /* ---- Extended numeric scales (used by stat cards, progress bars, badges) ---- */
  --brand-50:  #EFF6FC;
  --brand-100: #DCEAF7;
  --brand-200: #B9D5EF;
  --brand-300: #8FBBE3;
  --brand-500: #2B87D3;
  --brand-900: #0A3155;

  --success-50:  #E6F8E8;
  --success-600: #1D6B3B;

  --warning-50:  #FEF9C3;
  --warning-100: #FDF3A0;
  --warning-200: #FBE98A;
  --warning-500: #D9A91F;
  --warning-600: #B8901D;
  --warning-700: #92711A;
  --warning-800: #6E5614;

  --error-50:  #FEE2E2;
  --error-200: #FCB8B6;
  --error-500: #C92923;
  --error-600: #B22420;
  --error-700: #8C1C19;

  /* ---- Lines & rings ---- */
  --border: rgba(0, 0, 0, 0.1);
  --border-slate: #e2e8f0;
  --ring: #2B87D3;

  /* ============ Semantic aliases ============ */
  --bg-app: var(--surface-app);
  --bg-canvas: var(--surface-card);

  --text-strong: var(--slate-950);
  --text-body: var(--slate-700);
  --text-muted: var(--slate-500);
  --text-on-brand: #ffffff;
  --text-link: var(--brand-700);
  --text-link-hover: var(--brand-dark);

  --surface-sidebar: var(--navy-850);
  --surface-sidebar-active: var(--brand-600);

  --primary: var(--action);
  --primary-hover: var(--action-hover);
  --primary-foreground: #ffffff;

  --focus-ring: var(--action);
}