/* Fluent Design 视觉令牌（手写，照搬 Bili23-Downloader 的 Fluent 风格） */

:root {
  color-scheme: light dark;

  --accent: #0078D4;
  --accent-hover: #106EBE;
  --accent-pressed: #005A9E;
  --accent-fg: #ffffff;

  --bg-mica: #F3F3F3;
  --card: rgba(255, 255, 255, 0.7);
  --card-solid: #FFFFFF;
  --stroke: rgba(0, 0, 0, 0.0578);
  --stroke-strong: rgba(0, 0, 0, 0.16);
  --text-primary: rgba(0, 0, 0, 0.8956);
  --text-secondary: rgba(0, 0, 0, 0.6063);
  --text-disabled: rgba(0, 0, 0, 0.3614);
  --subtle-bg: rgba(0, 0, 0, 0.024);
  --subtle-hover: rgba(0, 0, 0, 0.0373);
  --subtle-pressed: rgba(0, 0, 0, 0.024);
  --danger: #C42B1C;
  --success: #0F7B0F;
  --warning: #9D5D00;

  --radius-card: 8px;
  --radius-control: 4px;

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.06);
  --shadow-flyout: 0 8px 16px rgba(0, 0, 0, 0.14);

  --font: "Segoe UI Variable Text", "Segoe UI", system-ui, "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;

  --sidebar-width: 200px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #4CC2FF;
    --accent-hover: #63CDFF;
    --accent-pressed: #4CC2FF;
    --accent-fg: #000000;

    --bg-mica: #202020;
    --card: rgba(32, 32, 32, 0.7);
    --card-solid: #272727;
    --stroke: rgba(255, 255, 255, 0.0698);
    --stroke-strong: rgba(255, 255, 255, 0.093);
    --text-primary: rgba(255, 255, 255, 0.8956);
    --text-secondary: rgba(255, 255, 255, 0.6063);
    --text-disabled: rgba(255, 255, 255, 0.3614);
    --subtle-bg: rgba(255, 255, 255, 0.04);
    --subtle-hover: rgba(255, 255, 255, 0.06);
    --subtle-pressed: rgba(255, 255, 255, 0.04);
    --danger: #FF99A4;
    --success: #6CCB5F;
    --warning: #FCE100;

    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 8px rgba(0, 0, 0, 0.24);
    --shadow-flyout: 0 8px 16px rgba(0, 0, 0, 0.4);
  }
}