/* ==========================================================================
   CRJM — Design Tokens
   Paletă derivată din logo-ul CRJM. Contrast verificat WCAG 2.1 AA.
   Regulă de aur: petrolul poartă textul și acțiunile; cyan-ul doar decorează.
   ========================================================================== */
:root {
  /* --- Brand --- */
  --brand-petrol: #005079;        /* primar: butoane, linkuri, titluri accent — 8.66:1 pe alb */
  --brand-petrol-dark: #004A72;   /* hover / footer / stări apăsate */
  --brand-cyan: #29A7DF;          /* accent decorativ (NU text pe alb) */
  --brand-sky: #46A0D8;           /* accent secundar */
  --brand-gradient: linear-gradient(90deg, #005079 0%, #29A7DF 100%);
  --brand-gradient-soft: linear-gradient(135deg, #004A72 0%, #005079 45%, #29A7DF 100%);

  /* --- Neutre --- */
  --ink-900: #0F1B2D;             /* text principal — 17.3:1 */
  --ink-700: #1B2A41;             /* titluri secundare */
  --slate-600: #475569;           /* text secundar — 7.6:1 */
  --brand-gray: #53575A;          /* text auxiliar, metadate */
  --slate-400: #94A3B8;           /* placeholder, dezactivat */
  --line-200: #E2E8F0;            /* borduri, separatoare */
  --surface-100: #F1F5F9;         /* fundal secțiuni alternante */
  --surface-50: #F8FAFC;          /* fundal pagină alternativ */
  --white: #FFFFFF;

  /* --- Semantice --- */
  --success: #1E8E5A;
  --warning: #C77700;
  --danger:  #C0362C;
  --info:    #005079;

  /* --- Tipografie --- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif: "Lora", Georgia, "Times New Roman", serif;

  /* --- Spații (bază 4px) --- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;

  /* --- Radius --- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* --- Umbre --- */
  --shadow-sm: 0 1px 2px rgba(15,27,45,.06);
  --shadow-md: 0 4px 16px rgba(15,27,45,.08);
  --shadow-lg: 0 12px 32px rgba(15,27,45,.12);

  /* --- Layout --- */
  --container: 1200px;
  --header-h: 76px;
  --focus-ring: 0 0 0 3px rgba(0,80,121,.35);

  /* --- Bootstrap override hooks --- */
  --bs-primary: #005079;
  --bs-body-color: #0F1B2D;
  --bs-body-font-family: var(--font-sans);
}