/* THEME — ORANŽ, KOLLANE JA MIDNIGHT BLUE (Kari tellimus, 23.08.2026).
   Kiht laaditakse ds/ tokenite ja komponentide JÄREL ning kirjutab üle ainult värvid.

   Kolm värvi kannavad kogu lehte:
     oranž    #FFAA00   soe põhitoon, CTA gradiendi algus
     kollane  #FFDD00   CTA gradiendi lõpp, suured numbrid
     midnight #0B1437   kõik tumedad pinnad, tekstitint ja fotode kate

   Oranž ja kollane on valge peal loetamatud (1,9 : 1 ja 1,4 : 1), seega neid ei
   kasutata kunagi tekstivärvina heledal pinnal. Nad esinevad ALATI kas
   midnight-tekstiga täidetud pinnana (nupud, žetoonid) või midnight-tausta peal
   (numbrid, lingid). Heledal pinnal kannab värvi täidis, mitte tekst.

   Vahetamine: cp css/theme-mustvalge.css css/theme.css  (ja tagasi selle failiga). */

:root {
  /* ---------- Kolm põhitooni ---------- */
  --orange: #FFAA00;
  --yellow: #FFDD00;
  --midnight: #0B1437;

  --midnight-card: #1D2B60;  /* kaart midnight-pinnal, eristus 1,34 : 1 */
  --midnight-ink:  #10193D;  /* tekstitint, valgel 17,1 : 1 */
  --cream:         #FFEFD0;  /* süvendatud, et soojus oleks nähtav */

  --cta-grad:       linear-gradient(135deg, var(--orange) 0%, var(--yellow) 100%);
  --cta-grad-hover: linear-gradient(135deg, #FFB81F 0%, #FFE633 100%);

  /* ---------- Neutraalid soojaks ja merevaiguseks ---------- */
  --black:    var(--midnight);      /* kõik täislaiuses tumedad pinnad */
  --gray-900: var(--midnight-ink);  /* põhitint ja .dark-card taust */
  --gray-800: #1E2A5E;
  --gray-600: #565B78;              /* kehatekst kaartidel, kreemil 6,2 : 1 */
  --gray-500: #636882;              /* teisene tint, kreemil 5,1 : 1 */
  --gray-400: #A9B2D6;              /* tint tumedal, midnightil 8,6 : 1 */
  --gray-300: #E0CFA8;              /* piirjooned */
  --gray-200: #F3E7CC;
  --gray-100: var(--cream);         /* SEE on vahelduv sektsioonivärv */
  --gray-050: #FFFCF5;
  --surface-dark-card: var(--midnight-card);

  /* ---------- Sinine tegevusvärv asendub merevaiguga ---------- */
  --blue-400:  var(--orange);       /* lingid tumedal pinnal, 9,4 : 1 */
  --blue-500:  var(--gray-900);     /* ikoonid, sisendi fookusraam */
  --blue-600:  var(--black);
  --blue-700:  var(--black);
  --blue-link: var(--gray-900);     /* tekstilingid heledal pinnal */
  --green-500: var(--midnight-ink); /* endine roheline "saadetud" kinnitus */

  --focus-ring: rgba(255, 170, 0, 0.65);

  /* fotode kaitsegradient midnight-toonis, foto ise jääb täisvärvi */
  --scrim-full: linear-gradient(to top, rgba(11, 20, 55, 0.72), rgba(11, 20, 55, 0.14));
}

/* ---------- CTA: oranžist kollaseni, kiri midnight ---------- */
.btn--primary {
  background: var(--cta-grad);
  color: var(--midnight-ink);   /* oranžil 9,4 : 1, kollasel 13,3 : 1 */
  border-color: transparent;
}
.btn--primary:hover { background: var(--cta-grad-hover); color: var(--midnight-ink); }

/* žetoon samas keeles */
.badge--accent { background: var(--orange); color: var(--midnight-ink); }

/* ---------- Heledad vahelduvad sektsioonid ---------- */
.tile--field { background: var(--cream); }

/* ---------- Numbririba: midnight taust, gradientnumbrid ----------
   Ainus koht, kus oranž ja kollane esinevad tekstina, ja see töötab ainult
   seetõttu, et taust on midnight. */
.home-stats { background: var(--midnight); }
.home-stats .stat__value {
  background: linear-gradient(100deg, var(--orange), var(--yellow) 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.home-stats .stat__label { color: var(--gray-400); }

/* ---------- ROHKEM ORANŽI, PRUUNI EI OLE (Kari, 23.08.2026) ----------

   Reegel: #FFAA00 ja #FFDD00 esinevad PINNANA, mitte tekstina heledal taustal.
   Põhjus on mõõdetav: oranž valgel annab 1,9 : 1 ja kollane 1,4 : 1, mõlemad
   loetamatud. Tumedaks keeratud merevaik oleks loetav, aga loeb pruunina, mida
   me ei kasuta. Seega: heledal pinnal kannab värvi täidis, tumedal pinnal
   kannab värvi tekst ise. */

/* Suurte pealkirjade teine pool: kollane markerijoon, kiri jääb tumedaks.
   Kontrast 13,2 : 1. Tumedal sektsioonil pole markerit vaja, seal on tekst
   ise täisoranž, 9,7 : 1. */
.dim {
  color: var(--gray-900);
  background: linear-gradient(180deg,
              transparent 58%, var(--yellow) 58%, var(--yellow) 93%, transparent 93%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.pdc-dark .dim, .on-dark .dim { color: var(--orange); background: none; }

/* Silmakulmud: heledal pinnal soe hall, tumedal ja fotol täisoranž. */
.tile__eyebrow,
.location__eyebrow,
.contact-info__label,
.home-dir__label,
.pricing-card__name { color: var(--gray-500); }
.tile--dark .tile__eyebrow,
.tile--media .tile__eyebrow,
.pricing-card--featured .pricing-card__name { color: var(--orange); }

/* Sooduspakkumise täislaiuses plaat on terve gradientpaneel.
   Lehe suurim oranž pind. Kiri tume: 9,3 : 1 oranžil otsal, 13,2 : 1 kollasel. */
.tile--sage { background: var(--cta-grad); }
.tile--sage .tile__title { color: var(--gray-900); }
.tile--sage .tile__eyebrow,
.tile--sage .tile__subtitle { color: var(--gray-900); opacity: 0.72; }
.tile--sage .btn--primary { background: var(--black); color: #ffffff; }
.tile--sage .btn--primary:hover { background: var(--gray-800); color: #ffffff; }

/* Alamlehtede päisplokk saab samuti gradiendi, et oranž oleks igal lehel kohe näha. */
.page-head--field { background: var(--cta-grad); }
.page-head--field .dim { background: none; color: var(--gray-900); opacity: 0.66; }
.page-head--field .page-head__body,
.page-head--field p { color: var(--gray-900); opacity: 0.78; }