/* Shared V2 visual foundation. Screen modules consume these tokens and primitives. */
:root,
html[data-theme="light"]{
  color-scheme:light;
  --navy:#082f5b;
  --navy-soft:#59698b;
  --orange:#ff571f;
  --orange-dark:#d83c0d;
  --green:#3d7849;
  --line:#e4e7eb;
  --paper:#fffdf9;
  --white:#fff;
  --page-background:#edf2f1;
  --surface-muted:#f6f7f5;
  --warm-surface:#fff1e8;
  --green-surface:#eef6ea;
  --surface-translucent:#fffffff2;
  --v2-radius-sm:14px;
  --v2-radius-md:20px;
  --v2-radius-lg:28px;
  --v2-shadow:0 10px 30px #163d6812;
  --v2-content-inline:clamp(18px,5vw,48px);
  --v2-content-width:940px;
}

html[data-theme="light"] body{background:var(--page-background);color:var(--navy)}
html[data-theme="light"] :is(button,input,select,textarea){color-scheme:light}
:is(button,a,input,select,textarea):focus-visible{outline:3px solid #ff7b4d;outline-offset:3px}

/* The future dark palette remains preserved in preferences, but V2 renders light for now. */
.preference-row.is-temporarily-locked{cursor:not-allowed}
.preference-row.is-temporarily-locked .preference-copy span{color:#7a8496}
.preference-row.is-temporarily-locked .preference-switch{background:#c4c8ce;opacity:.72}