/* ============================================================
   PALETTE STUDY — Peyman: Cursor's surfaces were "grey on grey on
   grey" (page #F2F1ED, canvas #F7F7F4, cards #FCFCFA, fills #EBEAE5).
   Paper won (DECISIONS #26) and is now the default in tokens.css.
   These are the directions not taken, set on <html data-palette="…">:
     cursor  Cursor's own surfaces (the palette before #26)
     claude  Claude's ivory canvas with white cards
   Only surfaces change; text weight, accent and status colours stay.
   ============================================================ */

html[data-palette="cursor"]:not([data-theme="dark"]) {
  --bg: #F7F7F4; --surface: #F2F1ED; --surface-sunken: #F0EFEB; --surface-hover: #EBEAE5; --surface-raised: #FCFCFA;
  --text: #26251E; --accent: #26251E; --accent-hover: #3B3A33; --accent-fg: #F7F7F4;
  --shadow-raise: 0 1px 2px rgba(38,37,30,.04), 0 4px 14px -6px rgba(38,37,30,.10);
}
html[data-palette="cursor"][data-theme="dark"] {
  --bg: #1B1913; --surface: #14120B; --surface-sunken: #17150F; --surface-hover: #201E18; --surface-raised: #22201A;
  --text: #EDECEC; --accent: #EDECEC; --accent-hover: #D7D6D5; --accent-fg: #14120B;
}

html[data-palette="claude"]:not([data-theme="dark"]) {
  --surface: #F0EEE6; --bg: #FAF9F5; --surface-raised: #FFFFFF; --surface-sunken: #F5F4EE; --surface-hover: #EFEDE5;
  --text: #1F1E1D;
}
html[data-palette="claude"][data-theme="dark"] {
  --surface: #1F1E1D; --bg: #262624; --surface-raised: #30302E; --surface-sunken: #222220; --surface-hover: #353532;
  --text: #F0EEE6;
}

/* ============================================================
   TYPE STUDY (#36) — Peyman: "everything seems a tad too tiny".
   The default is now one step up. html[data-type="compact"] puts
   back the scale before (Cursor's: 11 · 12 · 13 · 14 · 16) and the
   28px small buttons, to compare.
   ============================================================ */
html[data-type="compact"] { --font-2xs: 11px; --font-xs: 12px; --font-sm: 13px; --font-base: 14px; --font-lg: 16px; }
html[data-type="compact"] .sy-btn--sm { --h: 28px; font-size: var(--font-xs); }
html[data-type="compact"] .sy-icon-btn--sm { --h: 28px; }
html[data-type="compact"] .sy-icon-btn--sm .ms { --ms-size: 18px; }
html[data-type="compact"] .sum { width: 264px; }
html[data-type="compact"] .sum__row { height: 32px; }