/* KiwiTile design tokens — shared by big.css and kt-bathhouse-gallery.css
   Fonts: kt-fonts.css (self-hosted Inter & Playfair Display only) */

:root {
  /* RGB primitives */
  --rgb-cream: 255 247 232;
  --rgb-cream-strong: 244 234 216;
  --rgb-cream-muted: 240 231 216;
  --rgb-cream-highlight: 255 236 200;
  --rgb-cream-warm: 255 232 188;
  --rgb-cream-lead: 241 236 227;
  --rgb-gold: 224 163 83;
  --rgb-gold-ui: 214 164 91;
  --rgb-gold-muted: 217 154 82;
  --rgb-gold-soft: 219 171 101;
  --rgb-gold-highlight: 224 178 110;
  --rgb-gold-heading: 214 168 96;
  --rgb-gold-link: 212 178 124;
  --rgb-gold-link-hover: 232 198 146;
  --rgb-gold-about: 232 165 82;
  --rgb-gold-sheen: 201 146 79;
  --rgb-gold-bright: 241 198 128;
  --rgb-gold-ring: 212 156 70;
  --rgb-bronze: 140 80 30;
  --rgb-bronze-fill-light: 50 38 22;
  --rgb-bronze-fill-dark: 18 12 6;
  --rgb-bronze-shadow: 70 48 22;
  --rgb-bronze-shadow-mid: 82 58 26;
  --rgb-bronze-shadow-light: 96 68 30;
  --rgb-bronze-shadow-deep: 54 38 18;
  --rgb-bronze-shadow-darkest: 36 26 14;
  --rgb-bronze-shadow-card: 52 36 18;
  --rgb-bronze-card: 42 32 23;
  --rgb-charcoal-warm: 95 68 34;
  --rgb-charcoal-deep: var(--rgb-bronze-shadow);
  --rgb-charcoal-card: 16 13 10;
  --rgb-charcoal-ink: 31 29 25;
  --rgb-warm-stone: 128 88 42;
  --rgb-cta-glow: 194 132 48;
  --rgb-cta-glow-hover: 200 138 52;
  --rgb-sheen-cream: 255 241 198;
  --rgb-sheen-bronze: 186 124 43;
  --rgb-plark-top: 48 31 22;
  --rgb-plark-bottom: 24 15 11;
  --rgb-plark-highlight: 255 229 182;
  --rgb-flip-cue: 12 10 8;
  --rgb-flip-cue-border: 255 230 196;
  --rgb-surface-dark: 34 23 15;
  --rgb-surface-glass: 12 15 14;
  --rgb-accent-teal: 105 174 165;
  --rgb-hero-ink: 28 26 24;
  --rgb-cta-text: 248 241 224;
  --rgb-divider: 91 65 38;
  --rgb-study-shadow: 92 70 48;
  --rgb-card-shadow: 82 67 48;
  --rgb-logo-halo-gold: 255 193 82;
  --rgb-logo-halo-bronze: 148 122 55;
  --rgb-logo-shine-pale: 255 246 205;
  --rgb-logo-shine-mid: 255 225 126;
  --rgb-logo-shine-bright: 255 255 235;
  --rgb-logo-shine-bronze: 196 121 34;

  /* Layout */
  --bathhouse-gap: 7px;
  --bh-strip-h: auto;
  --content-rail: min(82vw, 1040px);
  --intro-copy-width: min(760px, 72vw);
  --intro-rule-width: min(540px, 48vw);
  --section-title-size: clamp(38px, 4.8vw, 78px);
  --radius-sm: 8px;
  --radius-xs: 6px;

  /* Palette */
  --cream: rgb(var(--rgb-cream) / 0.9);
  --cream-strong: rgb(var(--rgb-cream-strong) / 0.98);
  --cream-muted: rgb(var(--rgb-cream-muted) / 0.76);
  --gold: rgb(var(--rgb-gold) / 0.92);
  --gold-soft: rgb(var(--rgb-gold-soft) / 0.9);
  --gold-muted: rgb(var(--rgb-gold-muted) / 0.58);
  --gold-border: rgb(var(--rgb-gold-ui) / 0.34);
  --gold-border-hover: rgb(var(--rgb-gold-highlight) / 0.52);
  --gold-border-soft: rgb(var(--rgb-gold-ui) / 0.16);
  --gold-accent-line: rgb(var(--rgb-gold-highlight) / 0.08);
  --gold-highlight: rgb(var(--rgb-gold-highlight) / 0.28);
  --gold-glow: rgb(var(--rgb-gold-ui) / 0.08);
  --gold-glow-soft: rgb(var(--rgb-gold-ui) / 0.05);
  --gold-glow-strong: rgb(var(--rgb-gold-ui) / 0.07);
  --gold-dot: #f2c56d;
  --gold-deep: #b8782f;
  --cream-highlight: rgb(var(--rgb-cream-highlight) / 0.2);
  --cream-highlight-hover: rgb(var(--rgb-cream-highlight) / 0.24);
  --cream-warm: rgb(var(--rgb-cream-warm) / 0.21);
  --cream-warm-hover: rgb(var(--rgb-cream-warm) / 0.25);
  --cta-text: rgb(var(--rgb-cta-text) / 0.94);
  --hero-ink: rgb(var(--rgb-hero-ink) / 0.7);
  --focus-gold: rgb(var(--rgb-gold-highlight) / 0.55);
  --white-95: rgb(255 255 255 / 0.95);
  --white-10: rgb(255 255 255 / 0.1);
  --white-08: rgb(255 255 255 / 0.08);
  --white-06: rgb(255 255 255 / 0.06);
  --black-12: rgb(0 0 0 / 0.12);
  --black-18: rgb(0 0 0 / 0.18);
  --black-20: rgb(0 0 0 / 0.2);
  --black-22: rgb(0 0 0 / 0.22);
  --black-34: rgb(0 0 0 / 0.34);
  --black-38: rgb(0 0 0 / 0.38);
  --black-45: rgb(0 0 0 / 0.45);
  --black-55: rgb(0 0 0 / 0.55);
  --black-60: rgb(0 0 0 / 0.6);
  --surface-dark: rgb(var(--rgb-surface-dark) / 0.84);
  --surface-glass: rgb(var(--rgb-surface-glass) / 0.46);
  --accent-teal: rgb(var(--rgb-accent-teal) / 0.18);
  --page-bg-top: #100d09;
  --page-bg-bottom: #050403;
  --warm-stone: rgb(var(--rgb-warm-stone) / 0.24);
  --charcoal-warm: rgb(var(--rgb-charcoal-warm) / 0.22);
  --charcoal-warm-mid: rgb(var(--rgb-charcoal-warm) / 0.12);
  --charcoal-warm-soft: rgb(var(--rgb-charcoal-warm) / 0.08);
  --charcoal-warm-faint: rgb(var(--rgb-charcoal-warm) / 0.04);
  --charcoal-warm-dim: rgb(var(--rgb-charcoal-warm) / 0.06);
  --charcoal-deep: rgb(var(--rgb-charcoal-deep) / 0.3);
  --charcoal-deep-mid: rgb(var(--rgb-charcoal-deep) / 0.26);
  --charcoal-deep-soft: rgb(var(--rgb-charcoal-deep) / 0.12);
  --charcoal-deep-faint: rgb(var(--rgb-charcoal-deep) / 0.06);
  --logo-shadow-warm: #1c0c04;
  --logo-shadow-deep: #2b1406;
  --bronze-fill-light: rgb(var(--rgb-bronze-fill-light) / 0.58);
  --bronze-fill-dark: rgb(var(--rgb-bronze-fill-dark) / 0.45);
  --bronze-fill-light-hover: rgb(56 42 24 / 0.66);
  --bronze-fill-dark-hover: rgb(20 13 6 / 0.53);
  --cta-glow: rgb(var(--rgb-cta-glow) / 0.095);
  --cta-glow-hover: rgb(var(--rgb-cta-glow-hover) / 0.13);
  --sheen-cream-soft: rgb(var(--rgb-sheen-cream) / 0.14);
  --sheen-cream-bright: rgb(var(--rgb-sheen-cream) / 0.62);
  --sheen-bronze: rgb(var(--rgb-sheen-bronze) / 0.22);
  --gold-line-hover: rgb(var(--rgb-gold-highlight) / 0.1);
  --plark-warm-highlight: rgb(var(--rgb-plark-highlight) / 0.07);
  --plark-surface-top: rgb(var(--rgb-plark-top) / 0.9);
  --plark-surface-bottom: rgb(var(--rgb-plark-bottom) / 0.96);

  /* Typography — defined in kt-fonts.css */

  /* Gradients & effects */
  --gradient-gold-text: linear-gradient(92deg, #9d6331 0%, #e0ad66 34%, #f3d097 56%, #8b5226 100%);
  --gradient-gold-line: linear-gradient(90deg, transparent 0%, rgb(var(--rgb-gold-sheen) / 0.18) 18%, rgb(var(--rgb-gold-bright) / 0.55) 52%, rgb(var(--rgb-gold-sheen) / 0.18) 82%, transparent 100%);
  --gradient-gold-line-strong: linear-gradient(180deg, #dfc390 0%, #d4a55a 55%, #b8782f 65%, #b87d39 75%, #e6c48a 90%);
  --gradient-cta-bg:
    radial-gradient(ellipse at 50% 118%, var(--cta-glow), transparent 58%),
    linear-gradient(180deg, var(--cream-warm), transparent 38%),
    linear-gradient(135deg, var(--bronze-fill-light), var(--bronze-fill-dark));
  --gradient-cta-bg-hover:
    radial-gradient(ellipse at 50% 118%, var(--cta-glow-hover), transparent 58%),
    linear-gradient(180deg, var(--cream-warm-hover), transparent 38%),
    linear-gradient(135deg, var(--bronze-fill-light-hover), var(--bronze-fill-dark-hover));
  --gradient-cta-sheen: linear-gradient(112deg, transparent 32%, var(--sheen-cream-soft) 42%, var(--sheen-cream-bright) 48%, var(--sheen-bronze) 54%, transparent 66%);
  --gradient-logo-halo: radial-gradient(circle at 52% 44%, rgb(var(--rgb-logo-halo-gold) / 0.18), rgb(var(--rgb-logo-halo-bronze) / 0.1) 32%, rgb(0 0 0 / 0.22) 63%, transparent 73%);
  --gradient-logo-shine: linear-gradient(112deg, transparent 0%, transparent 35%, rgb(var(--rgb-logo-shine-pale) / 0.02) 43%, rgb(var(--rgb-logo-shine-mid) / 0.32) 48%, rgb(var(--rgb-logo-shine-bright) / 0.56) 50%, rgb(var(--rgb-logo-shine-bronze) / 0.22) 53%, transparent 62%, transparent 100%);
  --shadow-hero-title: 0 -1.3px 0 var(--white-95), 0 1px 0 var(--black-20), 0 2px 0 var(--black-18), 0 3px 1px var(--black-12), 0 8px 14px var(--black-38);
  --shadow-bronze-depth:
    0 3px 1px rgb(var(--rgb-bronze-shadow) / 0.14),
    0 6px 10px rgb(var(--rgb-bronze-shadow-deep) / 0.21),
    0 10px 18px rgb(var(--rgb-bronze-shadow-darkest) / 0.24);
  --shadow-gold-depth:
    0 -0.6px 0 var(--cream-highlight),
    1px 2px 0 rgb(var(--rgb-bronze-shadow-card) / 0.2),
    0 1px 0 rgb(var(--rgb-bronze-shadow-light) / 0.12),
    0 2px 0 rgb(var(--rgb-bronze-shadow-mid) / 0.18),
    var(--shadow-bronze-depth);
  --shadow-cta:
    0 2px 0 rgb(var(--rgb-bronze-shadow-mid) / 0.18),
    var(--shadow-bronze-depth),
    inset 0 1px 0 var(--cream-highlight);
  --shadow-cta-hover:
    0 2px 0 rgb(var(--rgb-bronze-shadow-mid) / 0.22),
    0 3px 1px rgb(var(--rgb-bronze-shadow) / 0.16),
    0 6px 10px rgb(var(--rgb-bronze-shadow-deep) / 0.24),
    0 10px 20px rgb(var(--rgb-bronze-shadow-darkest) / 0.28),
    inset 0 1px 0 var(--cream-highlight-hover);
  --shadow-inner-gold-rest: inset 0 0 16px var(--gold-glow-soft), inset 0 1px 0 var(--gold-accent-line), 0 0 12px var(--gold-glow);
  --shadow-inner-gold-hover: inset 0 0 18px var(--gold-glow-strong), inset 0 1px 0 var(--gold-line-hover), 0 0 18px var(--gold-glow);
  --shadow-kicker: 0 2px 10px rgb(0 0 0 / 0.28), 0 0 22px rgb(0 0 0 / 0.18);
  --shadow-section-title: 0 18px 60px rgb(0 0 0 / 0.28), 0 4px 18px rgb(0 0 0 / 0.18);
  --shadow-stage-edge: 0 0 0 1px rgb(255 255 255 / 0.035), inset 0 1px 0 rgb(255 255 255 / 0.055);
  --shadow-title-span: drop-shadow(0 12px 34px var(--black-22));
  --shadow-logo-ring: drop-shadow(0 0 10px rgb(var(--rgb-gold-ring) / 0.12)) drop-shadow(0 1px 2px rgb(0 0 0 / 0.72));
  --shadow-logo-system: drop-shadow(0 42px 58px rgb(0 0 0 / 0.62)) drop-shadow(0 14px 26px rgb(0 0 0 / 0.48));
  --filter-logo-title: drop-shadow(1.4px 1.4px 0 var(--gold-deep)) drop-shadow(2px 2px 1px var(--logo-shadow-warm)) drop-shadow(6px 6px 6px var(--logo-shadow-deep)) brightness(1.1) contrast(1.05) saturate(0.85);

  /* Motion */
  --ease-premium: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-motion: cubic-bezier(0.25, 1, 0.3, 1);
  --ease-hero-reveal: cubic-bezier(0.7, 0, 0.3, 1);
  --ease-cta-resolve: cubic-bezier(0.16, 0.84, 0.24, 1);
  --ease-sheen: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-image: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-ui: 280ms ease;
  --dur-flip: 950ms;
  --dur-image: 1500ms;
  --dur-filter: 1000ms;
  --dur-logo-rotate: 64s;
  --delay-hero-bg: 900ms;
  --delay-hero-copy: 1000ms;
  --dur-hero-reveal: 3800ms;
  --dur-hero-zoom: 44s;
  --dur-line-up: 1650ms;
  --delay-line-up: 250ms;
  --dur-line-down: 1850ms;
  --delay-line-down: 1350ms;
  --dur-cta-resolve: 1760ms;
  --delay-cta-resolve: 3350ms;
  --dur-cta-sheen-intro: 2400ms;
  --delay-cta-sheen-intro: 4650ms;
  --dur-cta-inner-line: 1100ms;
  --delay-cta-inner-line: 5150ms;
  --dur-cta-sheen-hover: 1120ms;
  --dur-cta-sheen-out: 980ms;
  --sheen-skew: -14deg;
  --sheen-x-start: -38%;
  --sheen-x-end: 40%;
}