/* ============================================================
   Frostfeed — "Minimal" visual treatment
   Toggled via :root[data-look="minimal"]. Same arctic palette;
   only styling changes (no copy/layout changes).
   Editorial, architectural, flat: no radius, no cards, no shadow —
   hairline rules + negative space do the work.
   ============================================================ */

:root[data-look="minimal"] {
  --radius: 0px;
  --radius-sm: 0px;
  --radius-pill: 0px;
  --shadow: none;
}

/* ---- more air (but compact) ---- */
:root[data-look="minimal"] .container:not(.nav__inner) { padding-inline: clamp(20px, 3.5vw, 48px); }
:root[data-look="minimal"] .section { padding-block: clamp(56px, 8vw, 104px); }
:root[data-look="minimal"] .hero { padding-top: clamp(48px, 6vw, 84px); }
:root[data-look="minimal"] .hero__grid { gap: clamp(32px, 5vw, 72px); }
:root[data-look="minimal"] .hero__title { margin-bottom: var(--space-3); }
:root[data-look="minimal"] .hero__sub { margin-bottom: var(--space-5); }

/* ---- flatten: no tint fills, no cards, no shadows ---- */
:root[data-look="minimal"] .section--tint { background: transparent; }
:root[data-look="minimal"] .nav {
  background: var(--bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* ---- email input: underline only ---- */
:root[data-look="minimal"] .field {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--divider);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
:root[data-look="minimal"] .field:focus {
  box-shadow: none;
  border-bottom-color: var(--accent);
}
:root[data-look="minimal"] .field[aria-invalid="true"] { border-bottom-color: var(--ink-3); }

/* ---- button: flat sharp rectangle ---- */
:root[data-look="minimal"] .btn {
  border-radius: 0;
  box-shadow: none;
  font-weight: 500;
  letter-spacing: 0.01em;
}
:root[data-look="minimal"] .btn--accent:active { transform: none; }
:root[data-look="minimal"] .btn--ghost { border-radius: 0; }

/* ---- success / note: hairline, no box ---- */
:root[data-look="minimal"] .waitlist__success {
  background: transparent;
  border: none;
  border-top: 1px solid var(--divider);
  border-radius: 0;
  padding: var(--space-3) 0 0;
}
:root[data-look="minimal"] .success__check {
  border-radius: 0;
  background: transparent;
  border: 1px solid var(--accent);
}

/* ---- tiny text → quiet uppercase labels ---- */
:root[data-look="minimal"] .fineprint {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
  color: var(--ink-3);
}

/* ---- Keep vs Lose: borderless columns split by a hairline ---- */
:root[data-look="minimal"] .panel {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0 clamp(0px, 2vw, 28px);
}
:root[data-look="minimal"] .contrast { gap: 0; }
:root[data-look="minimal"] .contrast .panel + .panel { border-left: 1px solid var(--divider); }
:root[data-look="minimal"] .item__icon { border-radius: 0; }
:root[data-look="minimal"] .item--keep .item__icon { background: transparent; border: 1px solid var(--accent); }

/* ---- phone mockup: sharp hairline frame, flat placeholders ---- */
:root[data-look="minimal"] .phone-wrap::before { display: none; }
:root[data-look="minimal"] .phone {
  background: transparent;
  border: 1px solid var(--divider);
  border-radius: 0;
  padding: 7px;
  box-shadow: none;
}
:root[data-look="minimal"] .phone__screen {
  background: transparent;
  border: 1px solid var(--divider);
  border-radius: 0;
}
:root[data-look="minimal"] .phone__notch { display: none; }
:root[data-look="minimal"] .app-bar { padding-top: 16px; }
:root[data-look="minimal"] .post__avatar {
  border-radius: 0;
  background: transparent;
  border: 1px solid var(--divider);
}
:root[data-look="minimal"] .post__media {
  background: transparent;
  border: 1px solid var(--divider);
  border-radius: 0;
}
:root[data-look="minimal"] .post__name,
:root[data-look="minimal"] .post__cap {
  border-radius: 0;
  height: 2px;
  background: var(--divider);
}
:root[data-look="minimal"] .tabbar {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
:root[data-look="minimal"] .caughtup .cu-check { border-radius: 0; background: transparent; border: 1px solid var(--accent); }

/* ---- theme toggle: square ---- */
:root[data-look="minimal"] .theme-toggle { border-radius: 0; }

/* ---- steps: a touch more editorial spacing ---- */
:root[data-look="minimal"] .step { padding-top: var(--space-4); }

/* ---- "your day" dots become squares in minimal ---- */
:root[data-look="minimal"] .ld-dot { border-radius: 0; }