/* ═══ ☀️ KADRIO DAYLIGHT — the one palette, every page ════════════════════════════════════════
 *
 * 23 Sep 2026. The owner: "the site is too dark on every page, at a level that takes away the
 * wish to use it … it has to have more light, something more prominent. The parts with the
 * gradient look good and professional, but everything else is black and dark."
 *
 * The choice, and why:
 *   background  #FAF9FF  a white with a breath of lavender — bright without the glare of #fff,
 *                        and it keeps the brand's violet present on every screen
 *   surfaces    #FFFFFF  cards lift off the page with a soft shadow, not a border wall
 *   alt band    #F3F0FF  alternating sections give the page a rhythm the eye can follow
 *   ink         #1B1638  deep indigo instead of black: the same contrast (AAA), less harsh
 *   brand       #6D3BF5  violet — creativity and trust, the colour the product already owned
 *   action      violet → pink → orange gradient, the part he liked. Warm on light is where the
 *                        eye goes first, so it is kept for the things we want pressed.
 *
 * Every page reads these tokens. Changing the look again is this one file.
 */
:root {
  color-scheme: light;
  --k-bg: #FAF9FF;
  --k-surface: #FFFFFF;
  --k-surface-2: #F3F0FF;
  --k-surface-3: #ECE7FF;
  --k-border: #E6E1F5;
  --k-border-strong: #D4CCEE;
  --k-ink: #1B1638;
  --k-ink-2: #4A4466;
  --k-ink-3: #6E6789;
  --k-brand: #6D3BF5;
  --k-brand-hover: #5B2BE0;
  --k-brand-soft: rgba(109, 59, 245, .10);
  --k-pink: #EC4899;
  --k-orange: #F97316;
  --k-cta: linear-gradient(120deg, #7C3AED 0%, #EC4899 55%, #F97316 100%);
  --k-cta-text: #FFFFFF;
  --k-success: #16A34A;
  --k-warning: #D97706;
  --k-danger: #DC2626;
  --k-info: #0EA5E9;
  --k-shadow-sm: 0 1px 2px rgba(27, 22, 56, .06), 0 1px 1px rgba(27, 22, 56, .04);
  --k-shadow: 0 1px 2px rgba(27, 22, 56, .05), 0 10px 28px rgba(76, 43, 170, .08);
  --k-shadow-lg: 0 20px 50px rgba(76, 43, 170, .14);
  --k-overlay: rgba(27, 22, 56, .04);       /* was rgba(255,255,255,.05) on the dark theme */
  --k-overlay-2: rgba(27, 22, 56, .07);
  --k-focus: 0 0 0 3px rgba(109, 59, 245, .28);
  /* the dark stage the home-page camera animation was built for — used ONLY there */
  --k-stage: #0B0912;
}
html, body { background: var(--k-bg); color: var(--k-ink); }
::selection { background: rgba(109, 59, 245, .18); }