.preset.verge {
  --font: 'Cabin', 'Cantarell', 'Inter', sans-serif;
  --accent: #3584E4; --accent-strong: #1c71d8; --accent-on: #fff;
  --bg: #FAFAFA; --surface: #fff; --on-surface: #2e3436; --label-color: #5e6772;
  /* Light radii inalterados vs v0 (verge.kmd §R4.1, "light intacto"
     per owner ratification 2026-05-28). v1 OLED-aware bumps são
     dark-only, abaixo. */
  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-btn: 6px;
  --pad-y: 8px; --pad-x: 12px;
  --shadow-form: 0 0 0 1px rgba(0,0,0,0.1);
  --input-border: 1px solid #c0c0c0;
  --gap-field: 10px; --gap-title: 14px;
  --pad-form: 18px;
  --btn-secondary-border: 1px solid #c0c0c0;
  /* #008.2 — form element tokens (Adwaita-derived) */
  --btn-tertiary-color: #3584E4;
  --btn-tertiary-hover: rgba(53,132,228,0.10);
  --btn-ghost-border: 1px solid #c0c0c0;
  --btn-ghost-color: #2e3436;
  --btn-ghost-hover: rgba(0,0,0,0.06);
  --error: #e01b24; --error-strong: #a51d2d; --error-on: #fff;
  --disabled-opacity: 0.42;
  --disabled-bg: rgba(0,0,0,0.04);
  --toggle-off: #c0c0c0;
  /* Legacy --motion alias — points at the canonical KDS motion tokens
     (specs/themes/motion/easing-duration.kmd R1/R2). New code SHOULD use
     --kds-motion-duration-* / --kds-motion-easing-* directly. */
  --motion: var(--kds-motion-duration-fast) var(--kds-motion-easing-standard);
  /* #008.3 — container tokens (Adwaita-derived) */
  --shadow-card: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
  --shadow-elevated: 0 4px 12px rgba(0,0,0,0.14), 0 2px 6px rgba(0,0,0,0.08);
  --card-border: 1px solid rgba(0,0,0,0.12);
  --info: #1a6cbf; --info-bg: rgba(53,132,228,0.10);
  --success: #1c7a41; --success-bg: rgba(38,162,76,0.10); --success-badge: rgba(38,162,76,0.15);
  --warning: #8a6200; --warning-bg: rgba(249,177,45,0.12); --warning-badge: rgba(249,177,45,0.18);
  --error-bg: rgba(224,27,36,0.10);
  --tab-border: rgba(0,0,0,0.10);
  --badge-neutral-bg: rgba(0,0,0,0.08);
  --badge-radius: 100px;
  /* #008.4 — navigation tokens */
  --rail-active-bg: rgba(53,132,228,0.12);
  /* #008.5 — data tokens */
  --table-border: 1px solid rgba(0,0,0,0.10);
  --table-header-bg: rgba(0,0,0,0.03);
  --table-row-hover: rgba(0,0,0,0.03);
  --progress-bg: rgba(0,0,0,0.10);
  --stat-label-color: #5e6772;
  /* #008.6 — feedback tokens */
  --toast-bg: #2e3436; --toast-fg: #fff;
  --spinner-track: rgba(0,0,0,0.12);
  --skeleton-bg: rgba(0,0,0,0.08);
  /* #008.7 — typography tokens */
  --font-mono: 'JetBrains Mono', monospace;
  --code-bg: rgba(0,0,0,0.06);
  --code-color: #a31515;
  /* #008.8 — layout tokens */
  --focus-ring: 2px solid #3584E4;
}
.themed-dark.preset.verge {
  --bg: #0A0A0B;
  --surface: #0F0F0F;
  --card: #161618;
  --card-high: #1F1F22;
  /* Legacy alias mantido pra back-compat com selectors antigos que usem --surface-2. */
  --surface-2: #1F1F22;
  --on-surface: #F4F4F6;
  --on-surface-dim: #9A9AA0;
  --label-color: #9A9AA0;
  --outline: rgba(255, 255, 255, 0.05);
  /* Hairline border em 5% white substitui as bordas pretas v0 (que sumiam
     no near-black). */
  --input-border: 1px solid rgba(255, 255, 255, 0.05);
  --btn-secondary-bg: #161618;
  --btn-secondary-fg: #F4F4F6;
  --btn-secondary-border: 1px solid rgba(255, 255, 255, 0.05);
  --btn-secondary-hover: #1F1F22;
  --shadow-form: 0 0 0 1px rgba(255, 255, 255, 0.05);
  /* #008.2 dark overrides — adaptados pro ramp v1 */
  --btn-ghost-border: 1px solid rgba(255, 255, 255, 0.05);
  --btn-ghost-color: #F4F4F6;
  --btn-ghost-hover: rgba(255,255,255,0.06);
  --disabled-bg: rgba(255,255,255,0.04);
  --toggle-off: #3a3a3d;
  /* #008.3 dark overrides — shadows mais densas sobre o ramp mais escuro */
  --shadow-card: 0 1px 3px rgba(0,0,0,0.6), 0 1px 2px rgba(0,0,0,0.4);
  --shadow-elevated: 0 4px 12px rgba(0,0,0,0.7), 0 2px 6px rgba(0,0,0,0.5);
  --card-border: 1px solid rgba(255, 255, 255, 0.05);
  --tab-border: rgba(255, 255, 255, 0.05);
  --badge-neutral-bg: rgba(255, 255, 255, 0.06);
  --info: #7fb4f0; --info-bg: rgba(53,132,228,0.15);
  --success: #57c87c; --success-bg: rgba(38,162,76,0.15); --success-badge: rgba(38,162,76,0.20);
  --warning: #f5c842; --warning-bg: rgba(249,177,45,0.15); --warning-badge: rgba(249,177,45,0.22);
  --error-bg: rgba(224,27,36,0.18);
  /* #008.4 dark overrides */
  --rail-active-bg: rgba(127, 180, 240, 0.14);
  /* #008.5 dark overrides */
  --table-border: rgba(255, 255, 255, 0.05);
  --table-header-bg: rgba(255, 255, 255, 0.03);
  --table-row-hover: rgba(255, 255, 255, 0.04);
  --progress-bg: rgba(255, 255, 255, 0.08);
  --stat-label-color: #9A9AA0;
  /* #008.6 dark overrides */
  --toast-bg: #1F1F22; --toast-fg: #F4F4F6;
  --spinner-track: rgba(255, 255, 255, 0.08);
  --skeleton-bg: rgba(255, 255, 255, 0.06);
  /* #008.7 dark overrides */
  --code-bg: rgba(255, 255, 255, 0.05);
  --code-color: #f08080;
  /* #008.8 dark overrides */
  --focus-ring: 2px solid #7fb4f0;
}