:root {
  color-scheme: dark;
  --theme-font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  --theme-bg-start: #20170f;
  --theme-bg-mid: #100c08;
  --theme-bg-end: #070504;

  --theme-card-start: rgba(38, 27, 18, 0.92);
  --theme-card-end: rgba(14, 10, 7, 0.94);
  --theme-border: rgba(212, 175, 55, 0.3);

  --theme-text: #f6e7c8;
  --theme-title: #faebca;
  --theme-text-muted: rgba(236, 214, 174, 0.72);

  --theme-accent: #d4af37;
  --theme-accent-strong: #f3cf79;

  --theme-primary-gradient: linear-gradient(120deg, #a77410, #d4af37, #f3d27a);
  --theme-primary-text: #241807;

  --theme-ghost-border: rgba(212, 175, 55, 0.45);
  --theme-ghost-bg: rgba(212, 175, 55, 0.14);
  --theme-ghost-text: #f2d79a;

  --theme-toast-bg: rgba(22, 16, 11, 0.96);
  --theme-toast-text: #f4e1b8;
  --theme-toast-border: rgba(212, 175, 55, 0.35);

  --picker-overlay-bg: rgba(10, 7, 4, 0.7);
  --picker-sheet-bg: radial-gradient(circle at 20% 10%, rgba(45, 32, 20, 0.95), rgba(15, 11, 8, 0.97));
  --picker-sheet-border: rgba(212, 175, 55, 0.35);
  --picker-sheet-shadow: 0 -20px 56px rgba(8, 5, 2, 0.75);
  --picker-title-color: #faebca;
  --picker-text-color: #f5e6c4;
  --picker-muted-color: rgba(229, 202, 152, 0.74);
  --picker-control-height: 44px;
  --picker-close-height: 36px;
  --picker-control-radius: 12px;
  --picker-item-radius: 14px;
  --picker-border-width: 1px;
  --picker-search-bg: rgba(20, 14, 9, 0.78);
  --picker-search-border: rgba(181, 143, 61, 0.58);
  --picker-item-bg: rgba(24, 17, 11, 0.78);
  --picker-item-border: rgba(176, 138, 62, 0.5);
  --picker-item-active-bg: rgba(212, 175, 55, 0.2);
  --picker-item-active-border: rgba(243, 207, 121, 0.64);
}