/* Qice shared design tokens — keep brand decisions in one place. */
:root {
  color-scheme: light;

  /* Brand palette */
  --qice-bg: #f7f3e9;
  --qice-bg-deep: #eee8dc;
  --qice-surface: #fffefa;
  --qice-surface-muted: #f2f7f4;
  --qice-brand: #0b6b5c;
  --qice-brand-dark: #084f45;
  --qice-brand-soft: #e7f1ec;
  --qice-ink: #183a35;
  --qice-muted: #60706b;
  --qice-line: #d7dfda;
  --qice-line-strong: #a9bbb3;
  --qice-premium: #d59a22;
  --qice-premium-soft: #f6ecd5;
  --qice-success: #26734f;
  --qice-warning: #8a661d;
  --qice-danger: #a33a31;
  --qice-focus: rgba(11, 107, 92, .24);

  /* Type */
  --qice-font-sans: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;
  --qice-font-serif: "Songti TC", "Noto Serif TC", "PMingLiU", serif;
  --qice-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --qice-text-xs: 11px;
  --qice-text-sm: 13px;
  --qice-text-md: 15px;
  --qice-text-lg: 18px;
  --qice-text-xl: 24px;

  /* Layout */
  --qice-shell-max: 1540px;
  --qice-content-max: 1240px;
  --qice-page-gutter: 20px;
  --qice-header-top: 24px;
  --qice-space-1: 4px;
  --qice-space-2: 8px;
  --qice-space-3: 12px;
  --qice-space-4: 16px;
  --qice-space-5: 20px;
  --qice-space-6: 24px;
  --qice-space-7: 32px;
  --qice-space-8: 40px;
  --qice-space-9: 48px;

  /* Shape and depth */
  --qice-radius-sm: 10px;
  --qice-radius-md: 16px;
  --qice-radius-lg: 24px;
  --qice-radius-pill: 999px;
  --qice-shadow-sm: 0 5px 18px rgba(28, 70, 58, .055);
  --qice-shadow-md: 0 14px 38px rgba(28, 70, 58, .08);
  --qice-shadow-lg: 0 22px 58px rgba(24, 67, 56, .12);
  --qice-control-height: 44px;
  --qice-control-height-compact: 38px;

  /* Backward-compatible aliases used by existing page styles. */
  --paper: var(--qice-bg);
  --paper-deep: var(--qice-brand-soft);
  --card: var(--qice-surface);
  --ink: var(--qice-ink);
  --muted: var(--qice-muted);
  --line: var(--qice-line);
  --line-strong: var(--qice-line-strong);
  --accent: var(--qice-brand);
  --accent-dark: var(--qice-brand-dark);
  --green: var(--qice-brand);
  --green-dark: var(--qice-brand-dark);
  --gold: var(--qice-premium);
  --shadow: var(--qice-shadow-md);
  --radius: var(--qice-radius-md);
}