/* V47: verified palette from live AUTOLOUNGE homepage (2026-11-01).
 * Only colors, surfaces, outlines, shadows and widths. No content or device image changes.
 * NOTE: the external global-header-v3 CSS declarations have not yet been retrieved.
 */
:root{
  --bg:#050607;
  --bg2:#0a0c0e;
  --panel:rgba(255,255,255,.045);
  --line:rgba(255,255,255,.12);
  --text:#f4f6f7;
  --muted:#a9afb5;
  --metal:#d9dde0;
  --champagne:#c9b98d;
  --champagne-2:#8c7b53;
  --max:1220px;
  --radius:22px;
  --shadow:0 30px 80px rgba(0,0,0,.45);
  /* Mapping legacy page-only tokens to the verified site's system. */
  --gold:var(--champagne);
  --ink:var(--text);
  --soft:var(--muted);
  color-scheme:dark;
}
html,body{background:var(--bg)!important;color:var(--text)}
body{font-family:system-ui,-apple-system,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
.wrap,.hero .wrap.hero-grid{width:min(var(--max),calc(100% - 38px))}
.top{background:rgba(5,6,7,.96);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.brand{color:var(--text)}
.brand small{color:var(--champagne)}
.site-nav a{color:var(--metal)}
.site-nav a:hover{color:var(--champagne)}
.language a{border-color:var(--line);color:var(--text)}
.language a.active{background:var(--metal);color:var(--bg);border-color:var(--metal)}
.header-buttons a,.header-buttons .phone{border-color:var(--line);color:var(--text);background:var(--panel)}
.header-buttons .phone{background:var(--metal);color:var(--bg);border-color:var(--metal)}
.hero{background:radial-gradient(ellipse at 65% 22%,rgba(201,185,141,.07),transparent 65%),var(--bg)}
.hero .wrap.hero-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);box-shadow:var(--shadow)}
.hero-grid>figure.hero-image{border-left-color:var(--line);background:var(--bg2)}
.hero-image figcaption{background:var(--bg2);color:var(--muted)}
.hero .kicker,.kicker{color:var(--champagne)}
.hero .tag,.tag{color:var(--champagne)}
.hero h1,.section h2,h2,h3{color:var(--text)}
.hero .lead,.lead,.intro{color:var(--muted)}
.hero .note,.note{color:var(--muted)}
.hero-full-image-link{color:var(--champagne)}
.button{border:1px solid var(--line);background:var(--panel);color:var(--text)}
.button.light{background:var(--metal);color:var(--bg);border-color:var(--metal)}
.section,.section:nth-child(even){border-color:var(--line)}
.section{background:var(--bg)}
.section:nth-child(even){background:var(--bg2)}
.point,.panel,.device-card,.gallery .card,.product-grid .card,.art-preview{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text)
}
.panel p,.product-grid p,.gallery .body p,.device-card figcaption{color:var(--muted)}
.point::before{color:var(--champagne)}
.cta{background:linear-gradient(125deg,var(--bg2),var(--bg));border:1px solid var(--line);border-radius:var(--radius)}
.smallnav a,.product-grid .more{border-color:var(--line);color:var(--champagne)}
.bottom{background:var(--bg2);border-top:1px solid var(--line)}
.dock{background:rgba(5,6,7,.96);border-color:var(--line);box-shadow:var(--shadow)}
.dock a{background:var(--panel);color:var(--text)}
.dock a:first-child{background:var(--metal);color:var(--bg)}
@media(max-width:570px){
  .wrap,.hero .wrap.hero-grid{width:calc(100% - 24px)}
}