/* LICENA — dark landing palette for the C-10 "golden template" pilot ONLY.
   Loaded AFTER css/exam.css on practice/c-10-electrical/ (EN/ES/RU); the
   other 19 practice pages do not load this file and keep the light theme.
   Same strategy as css/landing.css: flip the tokens styles.css/exam.css
   already read (palette = the owner-picked Lovable sample, identical values
   to landing.css), then re-fix the components that used a light background
   or a dark ink as a fill. When the template scales to other trades, they
   just add this stylesheet. */

:root{
  --paper:#090C27;                    /* page background */
  --navy:#0E1233;                     /* banded surfaces (footer, icons) */
  --card:#14193B;                     /* panels */
  --card2:#202750;                    /* inner surfaces (options, chips) */
  --line:rgba(255,255,255,.16);
  --steel:#B2B9D5;                    /* secondary text */
  --ink:#F4F7FA;                      /* primary TEXT flips to light */
  --gold:#FFC100;
  --gold-deep:#FFB300;
  --heat:linear-gradient(115deg,#FCDF00,#FFB300 45%,#FF4E51);
  --verify:#4AEA7D; --verify-soft:rgba(74,234,125,.14);
  --danger:#FF4E51; --danger-soft:rgba(255,78,81,.14);
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 14px 34px rgba(0,0,0,.4);
}

/* page ground: navy + the light dot grid (landing look) */
body{background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.05) 1px, transparent 0)}

/* top bar → landing tint; gold chips keep dark text (--ink is light now) */
.top{background:rgba(9,12,39,.92)}
.brand .mk{background:var(--heat);color:#090C27}
.tag{color:#090C27}
.langs a[aria-current="page"]{background:var(--gold);color:#090C27}
.langs a:hover{color:#fff}

/* primary CTAs → the landing heat gradient */
.btn-primary{background:var(--heat);color:#090C27;
  box-shadow:0 8px 20px rgba(255,78,81,.28)}

/* eyebrows / accents hardcoded to the light-theme dark gold */
.exam-sec>.eyebrow,.exam-hero .eyebrow{color:var(--gold)}
.exam-hero h1 [data-seo-course-name]{background:var(--heat);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.exam-trust li{color:var(--steel)}
.exam-hero .eyebrow::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFC100' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E")}

/* quiz card internals */
.squiz-opt{background:var(--card2);box-shadow:none}
.squiz-opt:hover{border-color:rgba(255,255,255,.35);box-shadow:0 6px 16px rgba(0,0,0,.3)}
.squiz-bar i{background:var(--heat)}
.squiz-expl b{color:var(--gold)}
.squiz-prev{background:var(--card2);color:var(--ink)}
.squiz-prev:hover:not(:disabled){border-color:rgba(255,255,255,.35)}
.squiz-next{background:var(--heat);color:#090C27;box-shadow:0 8px 20px rgba(255,78,81,.28)}
.squiz-next:hover{box-shadow:0 10px 24px rgba(255,78,81,.34)}
.squiz-score{background:radial-gradient(circle at 30% 25%,var(--card2),var(--navy));
  border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.squiz-langs button{background:var(--card2)}
.squiz-langs button:hover{color:#fff}
.squiz-langs button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#090C27}

/* cards & chips that were white in the light theme */
.exam-facts-card{background:var(--card);box-shadow:var(--shadow)}
.also-chip{background:var(--card2)}
.also-chip:hover{border-color:var(--gold)}
.disc{background:var(--card);box-shadow:none}
.disc .ic{color:#090C27}
.faq-q::before{color:#090C27}
.faq-item:hover{border-color:rgba(255,255,255,.35)}
.why-card{box-shadow:none}
.why-card:hover{border-color:rgba(255,255,255,.35);box-shadow:0 10px 24px rgba(0,0,0,.3)}
.why-ic{background:var(--navy);border:1px solid var(--line)}
.src-link:hover{border-color:rgba(255,255,255,.35);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.covers-list li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFC100' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}

/* footer banded like the landing (--ink is light now, so re-pin it) */
footer{background:var(--navy)}