/* DARK THEME — set data-theme="dark" on <html> (or any wrapper) to flip. Ground is a lighter, more natural black. */
[data-theme="dark"]{
--surface-page:#1B1C1E;--surface-card:#1B1C1E;--surface-panel:#232327;--surface-sunken:#2A2A2E;--surface-raised:#242429;--surface-invert:#0D0E0F;
--text-primary:#EDEDEF;--text-secondary:#A6A8AD;--text-tertiary:#808289;--text-on-invert:#EFEFF0;
--line-strong:rgba(237,237,239,.26);--line-default:rgba(237,237,239,.13);--line-subtle:rgba(237,237,239,.07);
--control-fill:#2A2A2F;--control-fill-hover:#333339;--control-tint:#2F2F34;--control-tint-hover:#38383E;
--glass-bg:rgba(27,28,30,.72);--glass-border:rgba(237,237,239,.10);
--guide-line:rgba(237,237,239,.06);
--pattern-crosshair:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 7.5v7M7.5 11h7' stroke='rgba(237,237,239,0.18)' stroke-width='1'/%3E%3C/svg%3E");/* @kind other */
--pattern-dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='1.4' fill='rgba(237,237,239,0.13)'/%3E%3C/svg%3E");/* @kind other */
--shadow-soft:0 1px 2px rgba(0,0,0,.45),0 8px 24px -12px rgba(0,0,0,.55);
--shadow-lift:0 2px 4px rgba(0,0,0,.5),0 18px 40px -16px rgba(0,0,0,.65);
--bevel-raise:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.3);/* @kind shadow */
--bevel-raise-strong:inset 0 1.5px 0 rgba(255,255,255,.09),inset 0 -2px 3px rgba(0,0,0,.35);/* @kind shadow */
--logo-ink-filter:brightness(0) invert(1);/* @kind other */
}