/* V37 — luxury lighting & tonal calibration. Purely visual; no geometric/player changes. */
:root{--jr37-ink:#0c0b0a;--jr37-charcoal:#171615;--jr37-surface:#211f1d;--jr37-cream:#f5f0ea;--jr37-amber:#ff9619;--jr37-warm-muted:#b9b1a9;}
/* Allow the heading to remain bright while secondary text takes a quiet, warm tone. */
body{background:#0e0d0c;color:var(--jr37-cream)}
nav{background:rgba(19,18,17,.95);border-bottom-color:rgba(255,237,215,.085)}
.navlinks a{transition:color .2s ease}
/* The hero is the main light source: a single broad glow, not competing neon halos. */
#home.jr28-hero{
 background:radial-gradient(ellipse 48% 33% at 50% 42%,rgba(202,109,22,.13) 0%,rgba(159,85,17,.046) 47%,transparent 100%),linear-gradient(180deg,#17110d 0%,#0d0c0b 70%,#0b0b0a 100%) !important;
}
#home.jr28-hero .jr28-display-wrap::before{background:radial-gradient(ellipse closest-side,rgba(235,135,32,.15),rgba(189,99,22,.05) 48%,transparent 100%);filter:blur(30px)}
#home.jr28-hero h1{text-shadow:0 10px 28px rgba(0,0,0,.4),0 30px 72px rgba(0,0,0,.25)}
#home.jr28-hero .jr28-orbit{border-color:rgba(222,141,64,.038)}
#home.jr28-hero .jr28-corner{border-color:rgba(244,154,70,.12)}
#home.jr28-hero .jr28-primary{box-shadow:inset 0 0 0 1px rgba(255,183,92,.038),0 0 18px rgba(210,118,31,.045)}
@media (hover:hover) and (pointer:fine){#home.jr28-hero .jr28-primary:hover{box-shadow:0 9px 32px rgba(210,118,31,.12)}}
/* A quieter page background gives the hero its visual hierarchy. */
#about.section{background:transparent}
#about .aboutcopy .jr33-bio-secondary,#about .aboutcopy .jr33-exploring p{color:var(--jr37-warm-muted)}
#about .jr33-portrait{box-shadow:0 25px 80px rgba(0,0,0,.28)}
/* Skills/tools: velvet charcoal with subtle reflected light rather than hard gray. */
.jr-v18-skill-board,.jr-v18-tool-panel{
 background-color:#201e1c;
 background-image:linear-gradient(142deg,rgba(255,241,220,.029),transparent 45%,rgba(0,0,0,.07));
 border-color:rgba(245,231,211,.105);
 box-shadow:0 21px 55px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,244,224,.031);
}
.jr-v18-skill-board::before,.jr-v18-tool-panel::before{background:linear-gradient(126deg,rgba(218,131,44,.024),transparent 43%,rgba(255,255,255,.009))}
.jr-v18-tool-panel .jr-v18-tool{border-color:rgba(243,231,218,.12);background-color:#292725}
.jr-v18-tool-panel[aria-label="AI Tools"] .jr-v18-tool{background:#292725;border-color:rgba(243,231,218,.15)}
@media (hover:hover) and (pointer:fine){.jr-v18-tool-panel .jr-v18-tool:hover{background:#302a24;border-color:rgba(255,150,25,.52);box-shadow:0 7px 25px rgba(207,106,25,.06)}}
/* Project surroundings become deeper; the established player sizing/cropping is untouched. */
#work.work{background:linear-gradient(180deg,#1b1917 0%,#181716 30%,#191817 100%)}
#gallery .card{background:#171615;border-color:rgba(246,233,212,.095);box-shadow:0 9px 30px rgba(0,0,0,.10)}
#gallery .card .meta{background:linear-gradient(180deg,#1b1a18,#171615)}
#gallery .card .meta p{color:#b2aaa1}
#gallery .card .jr-v25-project-number{color:#e8a351}
/* Existing spotlight still tracks the pointer, just more like reflected studio light. */
#gallery .card .thumb-shell::after{background:radial-gradient(500px circle at var(--v30-x,50%) var(--v30-y,50%),rgba(229,139,53,.105),transparent 65%),linear-gradient(180deg,transparent 62%,rgba(0,0,0,.17))}
@media (hover:hover) and (pointer:fine){#gallery .card:hover{border-color:rgba(231,152,70,.28);box-shadow:0 22px 55px rgba(0,0,0,.29)}}
/* The final shot should feel warm and soft, quieter than the opening hero. */
footer.jr36-finale{background:#100f0e!important;border-top-color:rgba(245,226,201,.075)}
footer.jr36-finale::before{background:radial-gradient(ellipse 40% 42% at 50% 52%,rgba(208,110,24,.07),transparent 75%)}
footer.jr36-finale::after{border-color:rgba(241,153,70,.047)}
footer.jr36-finale .jr36-invitation{color:#bdb3aa}
footer.jr36-finale .jr36-bottom{border-top-color:rgba(255,236,209,.085)}
@media (prefers-reduced-motion:reduce){.navlinks a{transition:none}}