/* Kodak house chrome: shared with play.kodakgp.com (src/styles.css tokens) */
:root{
  --kgp-bg:#0c0a08;--kgp-surface:#16120e;--kgp-surface-2:#201a14;--kgp-well:#100d0a;
  --kgp-fg:#f2ead9;--kgp-fg-2:#cfc4ae;--kgp-muted:#b5ab98;--kgp-line:#2c241a;
  --kgp-ember:#9e1f1b;--kgp-gold:#cfa646;--kgp-gold-soft:#ead39a;--kgp-ok:#3ecf8e;
  --kgp-display:Cinzel,"Trajan Pro",Georgia,serif;
  --kgp-num:"Barlow Condensed","Inter",system-ui,sans-serif;
  --kgp-sans:Inter,system-ui,sans-serif;
  --ink:var(--kgp-bg);--paper:var(--kgp-fg);--red:var(--kgp-ember);--red2:var(--kgp-gold);--green:var(--kgp-ok);
  --line:color-mix(in oklab,var(--kgp-gold) 16%,transparent);
}
body{background:
  radial-gradient(1200px 600px at 80% -10%,color-mix(in oklab,var(--kgp-ember) 10%,transparent),transparent 60%),
  radial-gradient(900px 500px at -10% 30%,color-mix(in oklab,var(--kgp-gold) 6%,transparent),transparent 60%),
  var(--kgp-bg);background-attachment:fixed}
h1,h2,h3,.brand{letter-spacing:.01em!important;text-transform:none}
h1,h2{font-weight:700;background:linear-gradient(180deg,var(--kgp-gold-soft),var(--kgp-gold) 55%,#9c7a1e);-webkit-background-clip:text;background-clip:text;color:transparent}
h1 span,h2 span{color:var(--kgp-ember);-webkit-text-fill-color:var(--kgp-ember)}
.brand>b{border-color:var(--kgp-gold);color:var(--kgp-gold);box-shadow:0 0 0 1px #0a0c10,0 0 18px -4px color-mix(in oklab,var(--kgp-gold) 60%,transparent);border-radius:6px;font-family:var(--kgp-display)}
.brand span span{color:var(--kgp-gold)}
.nav{background:color-mix(in oklab,var(--kgp-bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.button{border-radius:10px;letter-spacing:.04em;text-transform:uppercase}
.button-red{background:linear-gradient(180deg,#f07a2a,var(--kgp-ember) 60%,#c2410c);border-color:#c2410c;box-shadow:0 1px 0 rgb(255 255 255 / .18) inset,0 6px 18px -6px color-mix(in oklab,var(--kgp-ember) 70%,transparent)}
.button-red:hover{background:linear-gradient(180deg,#f58a3f,#ee6a12 60%,#c2410c);border-color:var(--kgp-gold)}
.button-line{border-color:color-mix(in oklab,var(--kgp-gold) 35%,transparent)}
.button-line:hover{background:color-mix(in oklab,var(--kgp-gold) 8%,transparent)}
.rate-board,.card,[class*="panel"]{border-radius:16px;box-shadow:0 1px 0 rgb(255 255 255 / .04) inset,0 10px 30px -12px rgb(0 0 0 / .6)}
.rate-board{border-color:color-mix(in oklab,var(--kgp-gold) 28%,transparent)}
[class*="rate"] b,[class*="price"],[class*="amount"],.gp,.num{font-family:var(--kgp-num);font-variant-numeric:tabular-nums;color:var(--kgp-gold-soft)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--kgp-gold);outline-offset:2px}
::selection{background:color-mix(in oklab,var(--kgp-gold) 35%,transparent)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.summary-rows{display:grid;gap:0;margin:14px 0 18px;border-top:1px solid var(--line)}
.summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.summary-row span{color:var(--kgp-muted);font:600 11px var(--kgp-num);letter-spacing:.08em;text-transform:uppercase}
.summary-row strong{font:600 15px var(--kgp-num);font-variant-numeric:tabular-nums;color:var(--kgp-fg);text-align:right}
.summary-row .gold-text,.gold-text{color:var(--kgp-gold-soft)}
.order-summary-panel{padding:22px 24px!important;border:1px solid color-mix(in oklab,var(--kgp-gold) 26%,transparent)}
