/* DENO design tokens — 來源:品牌主視覺(2026-08)
   Deep Teal #0F4C5C · Slate Blue #3E5B7E · Seafoam Teal #2BA7A0 · Mist Blue #A9C5E0
   Soft Lavender #B7B2D9 · Warm Coral #F28D7D · Warm Gray #F2F4F7 · Charcoal #2B2F36 */
:root {
  /* brand */
  --brand-teal: #0F4C5C;
  --brand-slate: #3E5B7E;
  --brand-seafoam: #2BA7A0;
  --brand-mist: #A9C5E0;
  --brand-lavender: #B7B2D9;
  --brand-coral: #F28D7D;
  --brand-gray: #F2F4F7;
  --brand-charcoal: #2B2F36;

  /* surfaces & ink (light) */
  --bg: #F2F4F7;
  --surface: #FFFFFF;
  --surface-2: #F7F9FB;
  --surface-3: #EDF1F5;
  --ink: #2B2F36;
  --ink-2: #4A5563;
  --muted: #7A8797;
  --line: #DDE3EA;
  --line-strong: #C3CCD7;

  /* roles */
  --primary: #0F4C5C;
  --primary-hover: #0C3E4B;
  --on-primary: #FFFFFF;
  --accent: #2BA7A0;
  --accent-soft: #E3F3F1;
  --on-accent: #FFFFFF;
  --focus: #2BA7A0;

  /* semantic */
  --danger: #D0544C;
  --danger-soft: #FCEBE7;
  --danger-ink: #A8402F;
  --warn: #D89A2E;
  --warn-soft: #FBF1DC;
  --warn-ink: #8A6314;
  --ok: #1D7A74;
  --ok-soft: #E3F3F1;
  --ok-ink: #1D7A74;
  --info-soft: #E6EEF6;
  --info-ink: #3E5B7E;

  /* shift codes */
  --shift-d-bg: #DCE8F3;  --shift-d-ink: #3E5B7E;  --shift-d-line: #A9C5E0;
  --shift-e-bg: #3E5B7E;  --shift-e-ink: #FFFFFF;  --shift-e-line: #2F4763;
  --shift-n-bg: #2BA7A0;  --shift-n-ink: #FFFFFF;  --shift-n-line: #1F8A84;
  --shift-off-bg: #E4E1F0; --shift-off-ink: #5B5490; --shift-off-line: #B7B2D9;
  --shift-offreg-bg: #EFDDE2; --shift-offreg-ink: #A85268; --shift-offreg-line: #E0AABB; /* 例假:偏紅 */
  --shift-empty-bg: #FFFFFF;

  /* misc */
  --override-stripe: repeating-linear-gradient(135deg, transparent 0 4px, rgba(242,141,125,.35) 4px 6px);
  --lock-dot: #7A8797;
  --today-ring: #2BA7A0;
  --weekend-bg: #F7F3F4;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 1px 2px rgba(15,76,92,.06), 0 6px 20px rgba(15,76,92,.06);
  --font: -apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Heiti TC", system-ui, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Consolas, "Cascadia Mono", monospace;
}

:root[data-theme="dark"] {
  --bg: #151A21;
  --surface: #1D242D;
  --surface-2: #232B36;
  --surface-3: #2A333F;
  --ink: #E6ECF2;
  --ink-2: #C2CCD8;
  --muted: #8B98A8;
  --line: #2E3742;
  --line-strong: #3E4956;

  --primary: #63C3D3;
  --primary-hover: #7FD0DE;
  --on-primary: #0F1E24;
  --accent: #4FC7BF;
  --accent-soft: #173634;
  --on-accent: #06201E;
  --focus: #4FC7BF;

  --danger: #E8645B;
  --danger-soft: #3B2622;
  --danger-ink: #F5A899;
  --warn: #E5C063;
  --warn-soft: #3A3120;
  --warn-ink: #E5C063;
  --ok: #7FD8CF;
  --ok-soft: #173634;
  --ok-ink: #7FD8CF;
  --info-soft: #24303F;
  --info-ink: #9DB6D8;

  --shift-d-bg: #2A3D55;  --shift-d-ink: #B9D0EA;  --shift-d-line: #3E5B7E;
  --shift-e-bg: #5A7BA6;  --shift-e-ink: #FFFFFF;  --shift-e-line: #4A6A94;
  --shift-n-bg: #2BA7A0;  --shift-n-ink: #FFFFFF;  --shift-n-line: #1F8A84;
  --shift-off-bg: #3A365A; --shift-off-ink: #CFC9F0; --shift-off-line: #5B5490;
  --shift-offreg-bg: #4A2F3A; --shift-offreg-ink: #E5A6B8; --shift-offreg-line: #7A4A5A;
  --shift-empty-bg: #1D242D;

  --override-stripe: repeating-linear-gradient(135deg, transparent 0 4px, rgba(242,141,125,.45) 4px 6px);
  --lock-dot: #8B98A8;
  --weekend-bg: #232029;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25);
}