[data-theme="escuro"] {
  color-scheme: dark;
  --bg: #16181D; --surface: #1E2128; --surface-2: #1A1D23; --surface-hover: #242830;
  --sunken: #262A32; --sunken-2: #1A1D23; --nav-hover: #2A2E37; --ghost-hover: #2A2E37;
  --text: #ECEEF2; --text-body: #DADDE3; --text-2: #DADDE3; --text-3: #C4C8D0;
  --muted: #A3A8B2; --subtle: #8A909C; --faint: #6B717D;
  --border: #2C3039; --border-field: #3A3F4A; --border-btn: #3A3F4A; --border-hover: #4A505C; --divider: #2C3039;
  --accent-text: #9DB1FF; --accent-soft: rgba(43, 79, 216, .20); --accent-soft-2: rgba(43, 79, 216, .12);
  --accent-edit: rgba(43, 79, 216, .10); --accent-border: rgba(43, 79, 216, .45);
  --success-text: #6FD3A2; --success-soft: rgba(30, 138, 90, .18); --success-border: rgba(30, 138, 90, .4);
  --danger-text: #FF8E86; --danger-text-2: #FFB0AA; --danger-soft: rgba(217, 58, 48, .16); --danger-border: rgba(217, 58, 48, .4);
  --warning-text: #F5B25E; --warning-soft: rgba(194, 106, 10, .18); --warning-soft-2: rgba(194, 106, 10, .12);
  --ink: #ECEEF2;
  --shadow-menu: 0 12px 32px rgba(0, 0, 0, .5); --shadow-modal: 0 24px 64px rgba(0, 0, 0, .6);
  --z1-soft: rgba(107, 122, 153, .22); --z1-text: #B4BFD8;
  --z2-soft: rgba(30, 138, 90, .18);  --z2-text: #6FD3A2;
  --z3-soft: rgba(201, 154, 6, .18);  --z3-text: #F0CB5B;
  --z4-soft: rgba(217, 105, 15, .2);  --z4-text: #F5A468;
  --z5-soft: rgba(217, 58, 48, .16);  --z5-text: #FF8E86;
}

[data-theme="sepia"] {
  --bg: #F1E8D8; --surface: #FBF6EC; --surface-2: #F6EEDF; --surface-hover: #F4EBDA;
  --sunken: #EDE2CE; --sunken-2: #E8DCC6; --text: #3B2F22; --text-body: #3B2F22; --text-2: #4A3C2C;
  --text-3: #5A4A37; --muted: #6B5843; --border: #E2D6C2; --border-field: #D8CAB2; --divider: #E8DDCA;
}

[data-theme="alto"] {
  color-scheme: dark;
  --bg: #000; --surface: #000; --surface-2: #000; --surface-hover: #1A1A1A; --sunken: #000;
  --sunken-2: #000; --nav-hover: #1A1A1A; --ghost-hover: #1A1A1A;
  --text: #FFF; --text-body: #FFF; --text-2: #FFF; --text-3: #FFF; --muted: #FFF; --subtle: #DDD;
  --border: #FFF; --border-field: #FFF; --border-btn: #FFF; --divider: #FFF;
  --accent: #FFD400; --accent-hover: #FFE14D; --accent-text: #FFD400; --accent-soft: #000; --on-accent: #000;
  --focus-ring: 0 0 0 3px #FFD400;
  --ink: #FFF;
  --z1-soft: #000; --z2-soft: #000; --z3-soft: #000; --z4-soft: #000; --z5-soft: #000;
  --z1-text: #FFF; --z2-text: #FFF; --z3-text: #FFF; --z4-text: #FFF; --z5-text: #FFF;
  --success-soft: #000; --success-text: #FFF; --warning-soft: #000; --warning-text: #FFF;
  --danger-soft: #000; --danger-text: #FFF;
}

/* Densidade: reduz paddings (~40%) sem mexer na área de toque dos controles */
[data-density="compacta"] { --pad-card: 10px; --pad-row: 8px; }

/* Tipo de letra */
[data-font="serif"] body { font-family: var(--font-serif); }
[data-font="legivel"] body { font-family: var(--font-legible); }
[data-font="mono"] body { font-family: var(--font-mono); }

html { font-size: calc(100% * var(--text-scale)); }