/* ============================================================
   ELEVATE — sistemul de brand. SURSA UNICĂ.
   Se copiază identic în hub/ și salon/. Nu se modifică local.
   Paleta LUNA (Carla, 16.09.2026) — dominanta #26658C + auriul ELEVATE.
   ============================================================ */
:root{
  /* scara completă de albastru — de la lumină la adânc */
  --b50:  #D8F4F8;
  --b100: #A7EBF2;   /* ice  */
  --b150: #8DDCE8;
  --b200: #6FC6D6;
  --b250: #54ACBF;   /* aqua */
  --b300: #4197B0;
  --b350: #3A8BA6;
  --b400: #2E769B;
  --b500: #26658C;   /* ⭐ DOMINANTA */
  --b550: #21597D;
  --b600: #1C5175;
  --b650: #164767;
  --b700: #123F5E;
  --b750: #0A3A59;
  --b800: #023859;   /* deep */
  --b850: #012F4C;
  --b900: #012A4A;
  --b950: #011C40;   /* navy */

  /* aliasuri vechi, ca să nu se rupă nimic */
  --ice:var(--b100); --aqua:var(--b250); --blue:var(--b500);
  --deep:var(--b800); --navy:var(--b950); --navy-2:var(--b900); --navy-3:var(--b950);

  /* auriu — culoarea ELEVATE, rămâne peste tot */
  --gold:     #D4AF70;
  --gold-2:   #E8C88A;
  --gold-3:   #F3DFB4;
  --gold-dim: rgba(212,175,112,.16);

  /* text */
  --text:       #E4F1F8;
  --text-mid:   #AFCEDD;
  --text-light: #F7FCFE;
  --text-dark:  #011C40;

  --border:   rgba(167,235,242,.20);
  --border-2: rgba(212,175,112,.45);

  --serif:  'Playfair Display', Georgia, serif;
  --serif-2:'Cormorant Garamond', Georgia, serif;
  --sans:   'Montserrat', -apple-system, 'Segoe UI', sans-serif;

  --r:      22px;
  --r-lg:   34px;
  --gutter: clamp(16px,5vw,64px);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

/* ---------- fundalul: gradient în straturi, dominanta #26658C ---------- */
body{
  color:var(--text);font-family:var(--sans);font-weight:300;
  font-size:16px;line-height:1.75;overflow-x:hidden;
  background-color:var(--b500);
  background-image:
    radial-gradient(1100px 760px at 82% -8%,  rgba(111,198,214,.42), transparent 58%),
    radial-gradient(900px 680px at 6% 12%,    rgba(84,172,191,.30),  transparent 62%),
    radial-gradient(1000px 820px at 60% 46%,  rgba(46,118,155,.55),  transparent 65%),
    radial-gradient(1200px 900px at 20% 82%,  rgba(1,47,76,.72),     transparent 64%),
    linear-gradient(176deg,
      var(--b600) 0%, var(--b500) 14%, var(--b400) 28%, var(--b500) 42%,
      var(--b550) 56%, var(--b650) 70%, var(--b750) 82%, var(--b900) 94%, var(--b950) 100%);
  background-attachment:fixed;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.14;color:var(--text-light)}

.wrap{max-width:1180px;margin:0 auto;padding-inline:var(--gutter)}
section{padding:clamp(64px,9vw,120px) 0;position:relative}

/* benzi de nuanță — se alternează ca să curgă pagina */
.band-light{background:linear-gradient(180deg,
  transparent, rgba(111,198,214,.16) 22%, rgba(84,172,191,.20) 50%, rgba(111,198,214,.12) 78%, transparent)}
.band-mid{background:linear-gradient(180deg,
  transparent, rgba(46,118,155,.34) 25%, rgba(38,101,140,.42) 55%, transparent)}
.band-deep{background:linear-gradient(180deg,
  transparent, rgba(18,63,94,.48) 20%, rgba(1,42,74,.62) 55%, rgba(1,28,64,.42) 85%, transparent)}
/* linie fină de separare, în degrade */
.band-light::before,.band-mid::before,.band-deep::before{content:'';position:absolute;
  top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(167,235,242,.35),rgba(212,175,112,.30),transparent)}

.eyebrow{font-family:var(--sans);font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--gold-2);font-weight:500;margin-bottom:20px}
.section-title{font-size:clamp(1.9rem,4.2vw,3rem);margin-bottom:18px;
  background:linear-gradient(100deg,var(--gold-3),var(--gold),var(--gold-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.section-intro{font-family:var(--serif-2);font-size:clamp(1.05rem,2vw,1.3rem);color:var(--text-mid);
  max-width:48ch;line-height:1.6;font-style:italic}
.head{margin-bottom:clamp(40px,6vw,68px)}
.head-center{text-align:center;margin-inline:auto}
.head-center .section-intro{margin-inline:auto}

/* butoane */
.btn{display:inline-block;font-family:var(--sans);font-size:.75rem;letter-spacing:.14em;
  text-transform:uppercase;padding:14px 30px;border:1px solid var(--border-2);color:var(--gold-2);
  border-radius:999px;transition:.28s;white-space:nowrap;
  background:linear-gradient(140deg,rgba(212,175,112,.12),rgba(212,175,112,.02))}
.btn:hover{background:linear-gradient(140deg,var(--gold-2),var(--gold));color:var(--text-dark);
  border-color:var(--gold-2)}
.btn-solid{background:linear-gradient(140deg,var(--gold-3),var(--gold) 55%,#C39A55);
  color:var(--text-dark);border-color:transparent;font-weight:500}
.btn-solid:hover{background:linear-gradient(140deg,#FFF0D0,var(--gold-2));color:var(--text-dark)}

/* carduri — gradient propriu, nu plat */
.card{background:linear-gradient(158deg,
    rgba(111,198,214,.26) 0%, rgba(65,151,176,.30) 30%,
    rgba(38,101,140,.52) 62%, rgba(1,47,76,.68) 100%);
  border:1px solid var(--border);border-radius:var(--r);padding:clamp(26px,3vw,36px);
  transition:.35s;display:flex;flex-direction:column;backdrop-filter:blur(8px);
  box-shadow:0 18px 40px -26px rgba(1,28,64,.9)}
.card:hover{border-color:var(--border-2);transform:translateY(-4px);
  box-shadow:0 26px 54px -26px rgba(1,28,64,1)}
.card h3{font-size:1.3rem;margin-bottom:12px}
.card p{font-size:.93rem;color:var(--text-mid);line-height:1.7;flex:1}
.more{margin-top:20px;font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}
.cards{display:grid;gap:clamp(18px,2.4vw,28px)}
.c2{grid-template-columns:repeat(2,1fr)}
.c3{grid-template-columns:repeat(3,1fr)}
.c4{grid-template-columns:repeat(4,1fr)}

/* locurile de fotografie — le alege Carla */
.ph{border:1px dashed var(--border-2);border-radius:var(--r);
  background:linear-gradient(150deg,rgba(167,235,242,.18),rgba(46,118,155,.30) 50%,rgba(1,42,74,.55));
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--b100);
  padding:20px;min-height:220px}
.todo{display:inline-block;font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;
  color:var(--b100);border:1px dashed var(--border-2);border-radius:999px;
  padding:5px 13px;margin:6px 0;background:rgba(167,235,242,.08)}

/* tema deschisă — pentru salon și portalul de cursuri */
[data-theme="light"]{
  --text:#10334D; --text-mid:#41708C; --text-light:#011C40; --border:rgba(2,56,89,.16);
}
[data-theme="light"] body{background-color:var(--b50);
  background-image:
    radial-gradient(900px 600px at 85% -5%, rgba(167,235,242,.55), transparent 60%),
    linear-gradient(180deg,#FFFFFF,#EAF7FA 45%,#D8F4F8 100%)}
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3{color:var(--b900)}
[data-theme="light"] .card{background:linear-gradient(158deg,#FFFFFF,#F2FAFC 60%,#E4F4F8);
  box-shadow:0 14px 34px -24px rgba(1,56,89,.45)}
[data-theme="light"] .btn{color:var(--b800)}

@media(max-width:940px){.c4{grid-template-columns:repeat(2,1fr)}.c2,.c3{grid-template-columns:1fr}}
@media(max-width:720px){.c4{grid-template-columns:1fr}}