/* Corporate refresh overrides
 * Goal: blockier, wider layout with restrained metallic surfaces and minimal glow.
 */

:root {
  --page-max: 1720px;
  --page-gutter: 14px;
}

body {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 38%),
    radial-gradient(1200px 440px at 50% -12%, rgba(255, 255, 255, 0.11), transparent 72%),
    linear-gradient(180deg, var(--brand-bg-0), var(--brand-bg-1));
}

.container {
  max-width: var(--page-max);
}

body[data-brand],
.brand,
section[data-brand] {
  --brand-radius: 8px;
  --brand-glow: none;
  --brand-gradient: linear-gradient(
    112deg,
    rgba(255, 255, 255, 0.82) 0%,
    var(--brand-accent-2) 42%,
    var(--brand-accent-1) 68%,
    rgba(255, 255, 255, 0.45) 100%
  );
  --brand-gradient-soft: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.12),
    rgba(255, 255, 255, 0.03) 40%,
    rgba(0, 0, 0, 0.08)
  );
  --brand-border: rgba(255, 255, 255, 0.2);
  --brand-border-strong: rgba(255, 255, 255, 0.36);
  --brand-surface: linear-gradient(166deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03) 48%, rgba(0, 0, 0, 0.22));
  --brand-surface-2: linear-gradient(166deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05) 45%, rgba(0, 0, 0, 0.24));
  --brand-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.section {
  padding: var(--space-8) 0;
}

.brand,
.surface,
.card,
.lane-card,
.form-shell,
input[type="text"],
input[type="email"],
input[type="url"],
select,
textarea,
.toast,
.brandstripe {
  border-radius: 8px !important;
}

.brand,
section[data-brand] {
  width: 100%;
  box-shadow: var(--brand-shadow) !important;
}

.card,
.lane-card,
.surface,
.form-shell {
  background: var(--brand-surface) !important;
  border: 1px solid var(--brand-border) !important;
  box-shadow: var(--brand-shadow) !important;
}

.lane-card::before,
.lane-card::after,
.brand::before,
.brand::after,
section[data-brand]::before,
section[data-brand]::after,
.glow-line__base {
  opacity: 0.18 !important;
  filter: none !important;
}

.btn {
  border-radius: 8px;
}

.btn--primary {
  background: var(--brand-gradient) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}

.btn--primary:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 10px 22px rgba(0, 0, 0, 0.28) !important;
}

.brandstripe {
  height: 5px;
  background: var(--brand-gradient) !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  :root {
    --page-gutter: 12px;
  }
}