/* Design tokens, copied from the main site (Srv6Website public/css/tokens.css). TEK Brains additions at the end. */
:root, [data-theme="dark"] {
  --bg:#000000; --surface:#0b1020; --surface-raised:#131a33;
  --line:#2b3560; --line-strong:#5c6aa8;
  --ink:#f2f5ff; --ink-soft:#c3cce0; --ink-muted:#a9b3d1;
  --accent:#38d0f5; --on-accent:#04121a;
  --accent-2:#9b7bff; --on-accent-2:#0d0720;
  --success:#3ddc97; --on-success:#04130c;
  --warning:#ffc83d; --on-warning:#1a1200;
  --danger:#ff7a8a; --on-danger:#1f0509;
  --action:#2563eb; --on-action:#ffffff;
  --focus:var(--accent);
}
[data-theme="light"] {
  --bg:#f5f7fc; --surface:#ffffff; --surface-raised:#eef1fa;
  --line:#d5dbee; --line-strong:#6b7699;
  --ink:#0b1020; --ink-soft:#2e3858; --ink-muted:#4a5578;
  --accent:#077096; --on-accent:#ffffff;
  --accent-2:#5b3fd1; --on-accent-2:#ffffff;
  --success:#0d7a4b; --on-success:#ffffff;
  --warning:#ffc83d; --on-warning:#1a1200;
  --danger:#c4172f; --on-danger:#ffffff;
  --action:#1d4ed8; --on-action:#ffffff;
}
:root {
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px;
  --space-8:32px; --space-12:48px; --space-16:64px; --space-24:96px;
  --space-32:128px; --space-20:80px;
  --section-pad:var(--space-32); --section-pad-mobile:var(--space-20);
  --radius-sm:4px; --radius-md:8px; --radius-lg:14px; --radius-pill:999px;
  --radius-card-outer:28px; --radius-card-inner:20px; --card-outer-pad:var(--space-2);
  --btn-height:44px; --btn-arrow-size:32px; --press-scale:0.98;
  --header-height:72px; --header-inset:var(--space-3); --header-solid-after:40px;
  --elev-1:0 8px 24px rgba(0,0,0,0.45);
  --glow-accent:0 0 32px 0 rgba(56,208,245,0.28);
  --dur-fast:150ms; --dur-base:300ms; --dur-slow:600ms; --dur-ambient:1200ms;
  --dur-reveal:900ms; --ease-reveal:cubic-bezier(0.32,0.72,0,1);
  --reveal-distance:64px; --reveal-blur:8px; --stagger:80ms;
  --font-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-display:"Space Grotesk", system-ui, sans-serif;
  --font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --content-width:1200px; --gutter:var(--space-4); --bp-mobile:768px;
  --text-hero-title:clamp(2.25rem, 4.2vw, 4.25rem)/1.04; --text-display-xl:64px/68px; --text-display-lg:48px/52px; --text-h1:40px/46px;
  --text-h2:32px/38px; --text-h3:24px/32px; --text-h4:20px/28px;
  --text-body-lg:18px/30px; --text-body:16px/26px; --text-body-sm:14px/22px;
  --text-label:13px/18px; --text-caption:12px/18px; --text-overline:12px/16px;
  --text-code:14px/22px; --text-code-sm:12px/18px;
  --text-micro:11px/16px; --text-lead:16px/1.8; --measure-lead:520px;
  --tracking-display:-0.02em; --tracking-overline:0.12em; --tracking-wide:0.28em; --tracking-hero:-0.01em;
}

/* ---------- TEK Brains additions ---------- */
:root {
  /* Client-required button roles. Used ONLY on these buttons; mapped to the main site's tokens. */
  --btn-info: var(--warning);      --on-btn-info: var(--on-warning);       /* yellow: Course Details */
  --btn-go: var(--success);        --on-btn-go: var(--on-success);         /* green: Login, Start Training */
  --btn-register: var(--action);   --on-btn-register: var(--on-action);    /* blue: Register */

  /* Fixed deep-space background with a dark overlay so text stays readable. */
  --backdrop-image: url("/img/background-poster.jpg"); /* first frame of the background video */
  --backdrop-overlay: rgba(0, 0, 0, 0.62);

  /* Sister-brand strip: sits under the floating header bar below 1024px. */
  --sister-row: var(--space-8);
}

/* Training area (My Courses, course pages, lessons, account): the member picks Dark or Light (users.reading_theme).
   Yellow as text needs a darker amber on white; lesson images keep a white backing (Word diagrams assume white paper). */
:root { --text-warning: var(--warning); --image-backing: #ffffff; --reading-scale: 1; }
[data-theme="light"] { --text-warning: #8a5a00; }
[data-text-size="small"] { --reading-scale: 0.9; }
[data-text-size="large"] { --reading-scale: 1.12; }
[data-text-size="larger"] { --reading-scale: 1.25; }

/* Lesson watermark colour (the viewer's email, tiled over the text; opacity in lib/protection.json). */
:root { --watermark-ink: var(--ink); --print-ink: black; /* print message on white paper */ }

/* Contact page (/contact) and the footer's social row and credit. */
:root {
  --tap-target: 44px; --icon-sm: 16px; --icon-md: 24px; --icon-state: 48px; --credit-logo: 64px; --credit-opacity: 0.8;
  --contact-cols: 4fr 8fr;
  --calendly-bg: #0a0f1a; /* the booking card behind the Calendly widget: same colour as background_color in CALENDLY_URL */
  --calendly-min-width: 320px; --calendly-height: 820px; --calendly-height-mobile: 900px;
  /* Motion (public/js/contact-motion.js reads these). */
  --motion-card-rise: 30px; --motion-row-shift: 24px; --motion-label-rise: 8px; --motion-field-rise: 18px;
  --motion-field-scale: 0.97; --motion-section-rise: 40px; --motion-bar-drop: 16px; --motion-pop-scale: 0.7;
  --stagger-form: 110ms; --motion-form-start: 12%;
}

/* Live chat widget (views/components/chat.ejs). */
:root { --chat-width: 360px; --chat-height: 480px; --chat-layer: 55; /* under the cookie banner (60) */
  --inbox-list-width: 300px; --inbox-height: 640px; }