/* Tarot-only Sakura accessibility layer. Loaded after the shared Sakura theme. */
html[data-theme="sakura"] .tarot-page {
  --text: #46262f;
  --muted: #55303c;
  --semi-color-text-2: #68414f;
  --starlight: #7b1e43;
  --starlight-bright: #842a4c;

  --tarot-gold: #842a4c;
  --tarot-gold-soft: #704000;
  --tarot-ink: #fffafc;
  --tarot-indigo: #fff0f6;
  --tarot-violet: #9b3158;
  --tarot-text-strong: #46262f;
  --tarot-text-body: #55303c;
  --tarot-text-muted: #68414f;
  --tarot-text-accent: #842a4c;
  --tarot-text-warning: #704000;
  --tarot-text-danger: #842a4c;
  --tarot-text-on-accent: #ffffff;
  --tarot-text-disabled: #55303c;

  --tarot-surface-page: radial-gradient(circle at 82% 12%, rgba(198, 228, 246, .3), transparent 34%), radial-gradient(circle at 14% 86%, rgba(244, 168, 193, .28), transparent 36%), linear-gradient(155deg, rgba(255, 255, 255, .88), rgba(255, 240, 246, .84));
  --tarot-surface-toolbar: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 240, 246, .92));
  --tarot-surface-card: rgba(255, 252, 253, .96);
  --tarot-surface-soft: rgba(255, 240, 246, .78);
  --tarot-surface-elevated: rgba(255, 252, 253, .98);
  --tarot-surface-control: rgba(255, 255, 255, .94);
  --tarot-surface-control-hover: #fff0f6;
  --tarot-surface-accent: linear-gradient(135deg, #a92f5c, #bd3d69);
  --tarot-surface-accent-hover: linear-gradient(135deg, #922648, #a92f5c);
  --tarot-surface-warning: rgba(255, 230, 178, .62);
  --tarot-surface-danger: rgba(244, 168, 193, .3);
  --tarot-border-subtle: rgba(132, 42, 76, .32);
  --tarot-border-control: #9b3158;
  --tarot-focus-ring: #7b1e43;
}

html[data-theme="sakura"] .tarot-page .tarot-table { color: var(--tarot-text-body); border-color: var(--tarot-border-subtle); background: var(--tarot-surface-page); }
html[data-theme="sakura"] .tarot-page .tarot-toolbar { border-color: var(--tarot-border-subtle); background: var(--tarot-surface-toolbar); }
html[data-theme="sakura"] .tarot-page .tarot-result-card-block,
html[data-theme="sakura"] .tarot-page .tarot-reading-copy,
html[data-theme="sakura"] .tarot-page .tarot-ai-prompt,
html[data-theme="sakura"] .tarot-page .tarot-ai-reading { color: var(--tarot-text-body); border-color: var(--tarot-border-subtle); background: var(--tarot-surface-card); }
html[data-theme="sakura"] .tarot-page .tarot-card-reading,
html[data-theme="sakura"] .tarot-page .tarot-card-meanings section,
html[data-theme="sakura"] .tarot-page .tarot-synthesis,
html[data-theme="sakura"] .tarot-page .tarot-suggestions,
html[data-theme="sakura"] .tarot-page .tarot-ai-question-focus,
html[data-theme="sakura"] .tarot-page .tarot-ai-synthesis,
html[data-theme="sakura"] .tarot-page .tarot-ai-actions { color: var(--tarot-text-body); border-color: var(--tarot-border-subtle); background: var(--tarot-surface-soft); }
html[data-theme="sakura"] .tarot-page .tarot-history,
html[data-theme="sakura"] .tarot-page .tarot-confirm-modal { color: var(--tarot-text-body); border-color: var(--tarot-border-control); background: var(--tarot-surface-elevated); }

html[data-theme="sakura"] .tarot-page .tarot-spread-tabs button,
html[data-theme="sakura"] .tarot-page .tarot-secondary,
html[data-theme="sakura"] .tarot-page .tarot-deck-choice button,
html[data-theme="sakura"] .tarot-page .tarot-modal-close,
html[data-theme="sakura"] .tarot-page .tarot-modal-button,
html[data-theme="sakura"] .tarot-page .tarot-history-head button,
html[data-theme="sakura"] .tarot-page .tarot-history-list > button { color: var(--tarot-text-body); border-color: var(--tarot-border-control); background: var(--tarot-surface-control); }
html[data-theme="sakura"] .tarot-page .tarot-spread-tabs button:hover,
html[data-theme="sakura"] .tarot-page .tarot-secondary:hover,
html[data-theme="sakura"] .tarot-page .tarot-deck-choice button:hover,
html[data-theme="sakura"] .tarot-page .tarot-modal-close:hover,
html[data-theme="sakura"] .tarot-page .tarot-modal-button:hover,
html[data-theme="sakura"] .tarot-page .tarot-history-list > button:hover { color: var(--tarot-text-strong); border-color: var(--tarot-border-control); background: var(--tarot-surface-control-hover); }
html[data-theme="sakura"] .tarot-page .tarot-spread-tabs button.active,
html[data-theme="sakura"] .tarot-page .tarot-deck-choice button.active,
html[data-theme="sakura"] .tarot-page .tarot-primary,
html[data-theme="sakura"] .tarot-page .tarot-modal-button.is-confirm { color: var(--tarot-text-on-accent); border-color: var(--tarot-border-control); background: var(--tarot-surface-accent); }
html[data-theme="sakura"] .tarot-page .tarot-primary:hover,
html[data-theme="sakura"] .tarot-page .tarot-modal-button.is-confirm:hover { background: var(--tarot-surface-accent-hover); }
html[data-theme="sakura"] .tarot-page .tarot-primary:disabled { color: var(--tarot-text-disabled); border-color: var(--tarot-border-subtle); background: #e1cbd3; opacity: 1; }

html[data-theme="sakura"] .tarot-page .tarot-spread-tabs button:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-secondary:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-primary:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-picked-card:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-deck-slot:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-deck-choice button:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-history-head button:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-history-list > button:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-modal-close:focus-visible,
html[data-theme="sakura"] .tarot-page .tarot-modal-button:focus-visible { outline: 3px solid var(--tarot-focus-ring); outline-offset: 3px; }

html[data-theme="sakura"] .tarot-page .tarot-intention textarea { color: var(--tarot-text-strong); border-color: var(--tarot-border-control); background: var(--tarot-surface-card); }
html[data-theme="sakura"] .tarot-page .tarot-intention textarea::placeholder { color: var(--tarot-text-muted); opacity: 1; }
html[data-theme="sakura"] .tarot-page .tarot-intention textarea:focus { border-color: var(--tarot-focus-ring); box-shadow: 0 0 0 3px rgba(123, 30, 67, .24); }
html[data-theme="sakura"] .tarot-page .tarot-progress { color: var(--tarot-text-accent); border-color: var(--tarot-border-control); background: var(--tarot-surface-card); }
html[data-theme="sakura"] .tarot-page .tarot-ai-warning { color: var(--tarot-text-warning); border-color: var(--tarot-text-warning); background: var(--tarot-surface-warning); }
html[data-theme="sakura"] .tarot-page .tarot-quota.is-exhausted { color: var(--tarot-text-danger); border-color: var(--tarot-text-danger); background: var(--tarot-surface-danger); }