/* ===================== */
/*  Bambino (woff)       */
/*  /assets/fonts/Bambino */
/* ===================== */

/* 100 */
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Thin Italic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* 200 */
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Extra Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Extra Light Italic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* 300 */
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Light Italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* 400 */
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* 700 */
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Bold Italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* 900 */
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Bambino";
  src: url("../../fonts/Bambino/Bambino Black Italic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ===================== */
/*  CSS mainīgie         */
/* ===================== */

:root{
  --font-body: "Bambino", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Bambino", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Accent: košāks neon violets (bet ne magenta) */
  --color-accent: #B46BFF;
  --color-accent-soft: rgba(180, 107, 255, 0.18);

  /* “Orange” mainīgie paliek nosaukumā (lai nav jāpārraksta selektori) */
  --neon-orange-text: rgba(238, 232, 255, 0.96); /* teksts: gandrīz balts ar violetu */
  --neon-orange-1: rgba(180, 107, 255, 0.32);    /* galvenais glow */
  --neon-orange-2: rgba(180, 107, 255, 0.18);    /* vidējais glow */
  --neon-orange-3: rgba(70,  30, 140, 0.18);     /* dziļais purpurs */

  /* Teal kontrasts (atstāts) */
  --neon-teal-text: rgba(210, 250, 255, 0.96);
  --neon-teal-1: rgba(45, 212, 191, 0.20);
  --neon-teal-2: rgba(34, 211, 238, 0.14);
  --neon-teal-3: rgba(34, 211, 238, 0.08);
}

/* ===================== */
/*  Globālā pielietošana */
/* ===================== */

body{ font-family: var(--font-body); }

h1,h2,h3,h4,h5,h6,.page-hero__title{
  font-family: var(--font-heading);
}

/* =========================================================
   GLOBAL TEST SKIN (tavs)
   ========================================================= */

/* LEFT ALIGN */
body{ text-align: left !important; }

:where(
  .page-hero,
  .page-hero__kicker,
  .page-hero__title,
  .page-hero__lead,
  .projects-intro,
  .landing-hero__text,
  .form-card,
  .content-section,
  .project-pricing,
  .test-week,
  .callout-card
){
  text-align: left !important;
}

:where(.project-meta,.projects-intro,.contact-map){
  justify-content: flex-start !important;
}

center{ text-align: left !important; }

:where(h1,h2,h3,h4,h5,h6,p,li){
  text-align: left !important;
}

/* =========================
   NEON RHYTHM HEADINGS
   (košāks violets + lielāks blur)
   ========================= */

/* H2/H4/H6 = košāks violets */
:where(.mobfit-page, .slide) :where(h2, h4, h6){
  color: var(--neon-orange-text) !important;
  text-shadow:
    0 0 16px var(--neon-orange-1),
    0 0 36px var(--neon-orange-2),
    0 0 64px var(--neon-orange-3) !important;
}

/* H3/H5 = teal kontrasts */
:where(.mobfit-page, .slide) :where(h3, h5){
  color: var(--neon-teal-text) !important;
  text-shadow:
    0 0 12px var(--neon-teal-1),
    0 0 26px var(--neon-teal-2),
    0 0 44px var(--neon-teal-3) !important;
}

/* H1 bez .neon */
:where(.mobfit-page, .slide) h1:not(:has(.neon)){
  color: var(--neon-orange-text) !important;
  text-shadow:
    0 0 16px var(--neon-orange-1),
    0 0 36px var(--neon-orange-2),
    0 0 64px var(--neon-orange-3) !important;
}

/* BONUS: list virsraksti */
.simple-list li:nth-child(odd) .simple-list__item-title,
.bullet-list li:nth-child(odd) strong{
  color: var(--neon-orange-text) !important;
  text-shadow:
    0 0 16px var(--neon-orange-1),
    0 0 36px var(--neon-orange-2),
    0 0 64px var(--neon-orange-3) !important;
}

.simple-list li:nth-child(even) .simple-list__item-title,
.bullet-list li:nth-child(even) strong{
  color: var(--neon-teal-text) !important;
  text-shadow:
    0 0 12px var(--neon-teal-1),
    0 0 26px var(--neon-teal-2),
    0 0 44px var(--neon-teal-3) !important;
}

/* Readability */
:where(.mobfit-page, .slide) p{ max-width: 80ch; }
@media (max-width: 768px){
  :where(.mobfit-page, .slide) p{ max-width: none; }
}