/**
 * Gramo 官網／後台色板 — 與 iOS GramoTheme.swift 一致
 */
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

:root {
  color-scheme: dark;

  --gramo-bg: #090a10;
  --gramo-card: #141a2a;
  --gramo-card-soft: #1c2338;
  --gramo-accent: #46d9e8;
  --gramo-accent-rgb: 70, 217, 232;
  --gramo-accent2: #8284ff;
  --gramo-accent2-rgb: 130, 132, 255;
  --gramo-text: #f2f3f8;
  --gramo-text-secondary: #b4b8cd;
  --gramo-gold: #d4a853;
  --gramo-gold-light: #e8c97a;
  --gramo-gold-dark: #8b6914;
  --gramo-gold-rgb: 212, 168, 83;

  /* 官網語意別名 */
  --bg: var(--gramo-bg);
  --panel: rgba(28, 35, 56, 0.55);
  --panel-2: rgba(28, 35, 56, 0.82);
  --text: var(--gramo-text);
  --muted: rgba(180, 184, 205, 0.82);
  --faint: rgba(180, 184, 205, 0.48);
  --line: rgba(242, 243, 248, 0.1);
  --gold: var(--gramo-gold-light);
  --accent: var(--gramo-accent);
  --accent2: var(--gramo-accent2);
}