/* Variant 02: warm white, graphite and signal orange. Shared app and data. */
:root[data-design="rams"] {
  color-scheme: light;
  --bg: #f4f3ee;
  --surface: #fdfcf9;
  --border: #d6d5cd;
  --text: #282923;
  --muted: #696a62;
  --lime: #b73810;
  --orange: #b73810;
  --signal: #e85b2a;
  --signal-ink: #271b13;
  --soft: #eae9e2;
}
[data-design="rams"] ::selection { background: #f6c3a9; color: var(--text); }
[data-design="rams"] .site-header { background: var(--surface); border-color: var(--border); }
[data-design="rams"] .brand > .icon,
[data-design="rams"] .brand > span { color: var(--signal); }
[data-design="rams"] .icon-button,
[data-design="rams"] .invite-button,
[data-design="rams"] .person-option,
[data-design="rams"] .day-filter,
[data-design="rams"] .search-box,
[data-design="rams"] .rating-button,
[data-design="rams"] .button,
[data-design="rams"] .join-option,
[data-design="rams"] .festival-option,
[data-design="rams"] .festival-switch,
[data-design="rams"] .data-actions > *,
[data-design="rams"] .restore-summary { border-radius: 3px; }
[data-design="rams"] .loading > img { filter: grayscale(1); }
[data-design="rams"] .icon-button:hover { background: var(--soft); }
[data-design="rams"] .invite-button { border-color: #aaa99f; color: var(--text); background: var(--surface); }
[data-design="rams"] .invite-button:hover { border-color: var(--signal); color: var(--lime); }
[data-design="rams"] :is(.crew-bar, #sync-status, .link-access-note, .join-arrow, .festival-year, .festival-switch > .icon,
  .search-box > .icon, .festival-option-icon, .selection-group > h3 > span, .settings-note, .source-note,
  .settings-list > button > .icon, .field-hint, .ranking-rules li, .help-note, .restore-summary p) { color: var(--muted); }
[data-design="rams"] .demo-banner { background: var(--soft); color: var(--muted); border-radius: 3px; }
[data-design="rams"] .demo-banner > button { color: var(--text); }
[data-design="rams"] .demo-banner > button > .icon { color: var(--lime); }
[data-design="rams"] .view-tab.active { color: var(--text); }
[data-design="rams"] .view-tab.active:after { background: var(--signal); border-radius: 0; }
[data-design="rams"] :is(.person-option, .day-filter, .rating-button) { color: var(--muted); border-color: var(--border); }
[data-design="rams"] :is(.person-option, .day-filter):hover { border-color: #8b8b81; color: var(--text); }
[data-design="rams"] .person-option.active { background: var(--surface); color: var(--text); border-color: #7e8075; }
[data-design="rams"] .day-filter.active { background: var(--text); border-color: var(--text); color: #fffef9; }
[data-design="rams"] .search-box { background: var(--surface); }
[data-design="rams"] .search-box input::placeholder { color: var(--muted); }
[data-design="rams"] .search-box:focus-within { border-color: var(--signal); }
[data-design="rams"] :is(.act-row, .pick-row) { border-color: var(--border); }
[data-design="rams"] .act-photo,
[data-design="rams"] .act-photo:has(.act-placeholder) { background: var(--soft); color: #939489; border-radius: 3px; }
[data-design="rams"] .act-photo > .act-placeholder { color: #8a8c80; font-weight: 600; }
[data-design="rams"] .act-image { filter: saturate(.65); }
[data-design="rams"] .rating-button { background: var(--surface); }
[data-design="rams"] .rating-button:hover { border-color: #88897d; background: var(--soft); color: var(--text); }
[data-design="rams"] .rating-button:disabled:hover { background: var(--surface); border-color: var(--border); color: var(--muted); }
[data-design="rams"] .rating-0.selected { border-color: #9d9f92; background: #e4e5dd; color: #45473e; }
[data-design="rams"] .rating-1.selected { border-color: #c39378; background: #f5e2d4; color: #8a3c1d; }
[data-design="rams"] .rating-2.selected { border-color: var(--signal); background: var(--signal); color: var(--signal-ink); }
[data-design="rams"] .rating-2.selected:hover { background: #f07445; border-color: #f07445; }
[data-design="rams"] .button.primary { background: var(--signal); color: var(--signal-ink); }
[data-design="rams"] .button.primary:hover { background: #f07445; }
[data-design="rams"] .button.secondary { border-color: #aaa99f; color: var(--text); }
[data-design="rams"] .button.secondary:hover { background: var(--soft); }
[data-design="rams"] dialog { border-color: #c9c8bf; border-radius: 5px; background: var(--surface); box-shadow: 0 20px 80px #28292326; }
[data-design="rams"] dialog::backdrop { background: #31322966; backdrop-filter: blur(4px); }
[data-design="rams"] :is(.settings-list > button, .modal-actions) { border-color: var(--border); }
[data-design="rams"] .source-note a { color: #4e5047; }
[data-design="rams"] :is(.crew-field label, .field) { color: #56584e; }
[data-design="rams"] :is(.crew-field input, .field input, .field textarea) { background: #fffefa; border-color: #bfbfb3; border-radius: 3px; }
[data-design="rams"] :is(.crew-field input, .field input, .field textarea)::placeholder { color: #7b7d71; }
[data-design="rams"] .form-error { color: #a32c16; }
[data-design="rams"] .avatar { background: #dddfd4; color: #4b4f42; }
[data-design="rams"] .color-1 { background: #f2d2bf; color: #8b3b17; }
[data-design="rams"] .color-2 { background: #d6d8d2; color: #42483d; }
[data-design="rams"] .color-3 { background: #e5dccd; color: #665642; }
[data-design="rams"] .color-4 { background: #dcd9d5; color: #5d5650; }
[data-design="rams"] .color-5 { background: #ece1cb; color: #705d3b; }
[data-design="rams"] .join-option { border-color: #c9cabe; }
[data-design="rams"] button.join-option:hover { background: var(--soft); border-color: #919487; color: var(--text); }
[data-design="rams"] .join-new-person:focus-within { border-color: var(--signal); }
[data-design="rams"] .join-new-avatar { background: var(--soft); color: #6e7363; }
[data-design="rams"] button.join-arrow:hover:enabled { background: #f5e2d4; color: var(--lime); }
[data-design="rams"] .festival-options { scrollbar-color: #b4b6a9 transparent; }
[data-design="rams"] .festival-option { border-color: var(--border); }
[data-design="rams"] .festival-option.selected { background: #f8e2d5; border-color: #d27e56; }
[data-design="rams"] .festival-option:hover { border-color: #9a9c8f; background: var(--soft); color: var(--text); }
[data-design="rams"] .festival-option > span:nth-child(2) > span { color: var(--muted); }
[data-design="rams"] :is(.data-actions > button, .data-actions > label, .restore-summary) { border-color: var(--border); }
[data-design="rams"] :is(.data-actions > button, .data-actions > label):hover { background: var(--soft); }
[data-design="rams"] .data-actions strong { color: var(--text); }
[data-design="rams"] :is(.data-actions span > span, .data-actions .icon, .privacy-note p, .privacy-note .icon) { color: var(--muted); }
[data-design="rams"] .privacy-note { background: var(--soft); border-radius: 3px; }
[data-design="rams"] .storage-alert { border-color: #bd7c57; }
[data-design="rams"] #toast { background: var(--text); color: #fdfcf9; border-color: var(--text); box-shadow: 0 4px 20px #28292326; border-radius: 3px; }
[data-design="rams"] #toast > .icon { color: #f68a5e; }
@media (min-width: 700px) {
  [data-design="rams"] .act-list .act-row { border-color: var(--border); border-radius: 4px; }
  [data-design="rams"] .act-list .act-row:hover { border-color: #9b9d90; }
  [data-design="rams"] .act-list .act-photo { height: 180px; border-radius: 0; background: var(--soft); }
  [data-design="rams"] .act-list .act-photo > .act-placeholder { color: #babdb0; font-size: 76px; font-weight: 550; }
  [data-design="rams"] .act-list .act-identity h3 { color: var(--text); text-shadow: none; font-size: 21px; font-weight: 650; }
  [data-design="rams"] .act-list .rating-buttons { margin: 14px; gap: 6px; }
  [data-design="rams"] .act-list .rating-button { min-height: 60px; font-size: 14px; }
  [data-design="rams"] .pick-row { border-color: var(--border); border-radius: 4px; }
}