/* ============================================================
   Credova.ro — tokens
   Toate culorile vin din logo sau sunt derivate din el prin
   suprapunere la 4-12% peste alb pur. Nicio paleta generica.
   Vezi docs/01-identitate-vizuala.md.
   ============================================================ */

:root {
  /* Culori din logo */
  --color-text:            #1b294b;
  --color-text-strong:     #131d35;
  --color-primary:         #135d8c;
  --color-primary-hover:   #0f5a91;
  --color-primary-soft:    #276c90;
  --color-info:            #2b6f72;
  --color-info-soft:       #3b8266;
  --color-success:         #4a9059;
  --color-success-soft:    #6eab72;
  --color-muted:           #767e92;

  /* Culori derivate */
  --color-bg:              #ffffff;
  --color-bg-tint-blue:    #f4f8fb;
  --color-bg-tint-green:   #f3f8f4;
  --color-success-bg:      #e8f3ea;
  --color-success-text:    #2b6537;
  --color-text-secondary:  #5c6478;
  --color-line:            #e3e8ee;
  --color-line-strong:     #c9d2de;
  --color-error:           #b42318;
  --color-error-bg:        #fdf3f2;
  --color-warning:         #8a5a0b;
  --color-warning-bg:      #fdf7ec;

  /* Tipografie */
  --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-body: 'Public Sans', system-ui, 'Segoe UI', Helvetica, Arial, sans-serif;

  --text-xs:     12px;
  --text-sm:     14px;
  --text-base:   17px;
  --text-md:     20px;
  --text-lg:     24px;
  --text-xl:     30px;
  --text-2xl:    38px;
  --text-3xl:    48px;
  --text-figure: 56px;

  /* Spatiere. Sectiunile sunt despartite prin spatiu, nu prin culoare. */
  --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;

  --section-y: 96px;
  --container: 1120px;
  --container-narrow: 720px;
  --gutter: 24px;

  /* Colturi: maximum 4 px pe butoane si campuri, 6 px pe imagini. */
  --radius-field: 4px;
  --radius-box: 6px;

  /* Umbra maxima admisa pe tot site-ul. */
  --shadow: 0 1px 2px rgba(27, 41, 75, 0.06);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 160ms;
}

@media (max-width: 720px) {
  :root {
    --text-base:   16px;
    --text-md:     18px;
    --text-lg:     22px;
    --text-xl:     26px;
    --text-2xl:    32px;
    --text-3xl:    36px;
    --text-figure: 40px;
    --section-y: 64px;
    --gutter: 20px;
  }
}