@layer tokens, reset, base, layout, components, utilities;

@import "assets/css/tokens.css" layer(tokens);
@import "assets/css/reset.css" layer(reset);
@import "assets/css/base.css" layer(base);
@import "assets/css/layout.css" layer(layout);
@import "assets/css/surfaces.css" layer(components);
@import "assets/css/header.css?v=20261030-nav-icons" layer(components);
@import "assets/css/hero.css?v=20261030-requirements-subtle" layer(components);
@import "assets/css/sections.css?v=20261030-columns" layer(components);
@import "assets/css/projects.css?v=20261030-modes" layer(components);
@import "assets/css/pages.css" layer(components);
@import "assets/css/responsive.css?v=20261029-nav2" layer(utilities);

/* Product-only navigation and footer; the product page layout stays unchanged. */
@layer utilities {
  .standalone-footer__links { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-5); justify-content: center; }
  .standalone-footer__links a { display: inline-flex; align-items: center; min-height: 44px; }
  .site-footer__bottom { justify-content: center; }
  .product-hero__actions { width: 100%; }
  .hero__aside { max-width: 72ch; margin: var(--space-3) 0 0; color: var(--text-secondary); font-size: var(--text-base); line-height: 1.6; }
  .legal-back { margin-bottom: var(--space-5); }
  .download-platforms a { text-decoration: underline; text-underline-offset: 3px; }

}

@layer utilities {
  html[data-palette="wege"] { --accent:#ffcc00; --accent-soft:rgba(255,204,0,.14); --header-nav-hover-bg:var(--accent-soft); --browser-ui-top-color:#1b1c16; --bg-canvas:#090b09; --bg-gradient:linear-gradient(90deg,#090a08 0%,#10120e 10%,#202018 35%,#202018 65%,#10120e 90%,#090a08 100%); --bg-elevated:#171a16; --bg-tertiary:#24261e; --surface-solid:#171a16; --surface-elevated:#24261e; --glass-nav:rgba(25,27,22,.78); --glass-card:rgba(36,38,30,.5); --border-soft:rgba(255,204,0,.18); --border-strong:rgba(255,204,0,.32); --text-inverse:#181800; }
  .header__inner{width:min(25rem,calc(100% - (var(--gutter) * 2)))}
  .wege-hero {padding-top:clamp(2rem,5vh,4rem);padding-bottom:var(--space-7)}
  .wege-hero .hero__title {max-width:24ch;margin:var(--space-5) auto var(--space-3);font-size:clamp(2.1rem,5vw,3.5rem);text-wrap:balance}
  .wege-hero .hero__subtitle {max-width:62ch;margin:0 auto;color:var(--text-secondary);font-size:var(--text-lg)}
  .wege-hero .hero__actions{margin-top:var(--space-5)}
  .wege-hero .product-identity__icon {width:56px;height:56px}
  .product-preview {width:min(100%,700px);margin:var(--space-7) auto var(--space-5);padding:clamp(20px,4vw,40px);border:1px solid var(--border-soft);border-radius:24px;background:radial-gradient(ellipse at top,rgba(255,204,0,.1),transparent 60%),var(--surface-solid);box-shadow:var(--shadow-lg);text-align:left}
  .preview-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.preview-top strong{font-size:1.25rem}.preview-label{font-size:.7rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em}.preview-list{display:grid;gap:10px}.preview-row{display:flex;align-items:center;gap:14px;background:var(--surface-elevated);border:1px solid var(--border-soft);border-radius:14px;padding:14px 16px}.preview-symbol{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:1.1rem}.preview-row strong{display:block;color:var(--text-primary);font-size:.9rem}.preview-row small{display:block;color:var(--text-secondary);font-size:.78rem}.preview-row .preview-right{margin-left:auto;white-space:nowrap;color:var(--text-secondary);font-size:.75rem}.preview-caption{text-align:center;color:var(--text-subtle);font-size:.75rem;margin:14px 0 0}
  .wege-page .surface{padding:clamp(16px,3vw,24px)}.section__description.u-text-center{max-width:70ch;margin-inline:auto}.legal-page{padding-top:var(--space-5)}.legal-content strong{color:var(--text-primary)}.legal-content a{overflow-wrap:anywhere}.btn--primary:hover{color:var(--text-inverse)}
  @media(max-width:480px){.preview-right{display:none}.product-preview{padding:18px}.wege-hero .hero__title{font-size:2.2rem}}
}