@charset "utf-8";
/* 全站色票與 design tokens — 單一維護來源 */

:root {
  --color-white: #fff;
  --color-black: #000;
  --color-primary: #076b4d;
  --color-primary-alt: #2d634d;
  --color-primary-soft: #2d634d;
  --color-accent: #ec8e1e;
  --color-accent-alt: #a76515;
  --color-accent-warm: #ffcc10;
  --color-accent-warm-dark: #ffcc10;
  --color-link: #232323;
  --color-link-active: #9c9c9c;
  --color-heading: #070707;
  --color-text-muted: #707070;
  --color-text-hover: #222;
  --color-text-body: #4c4948;
  --color-text-subtle: #777;
  --color-text-secondary: #727171;
  --color-light-text: #eee;
  --color-border-light: #e8e8e8;
  --color-border-mid: #ccc;
  --color-border-soft: #cbcbcb;
  --color-border-strong: #8c8c8c;
  --color-border-pale: #e3e3e3;
  --color-border-deep: #231815;
  --color-surface-soft: #f7f7f7;
  --color-panel-bg: #efefef;
  --color-panel-active: #fbfbfb;
  --color-card-border: #666;
  --color-card-bg: #343436;
  --color-muted: #888;
  --color-menu-hover: #f3f4ff;
  --color-menu-hover-alt: #ffca99;
  --color-icon-gray: #606060;
  --color-icon-purple: #9c6a9a;
  --color-icon-green: #5bad66;
  --color-brand-steel: #59727c;
  --color-brand-teal: #0096b2;
  --color-brand-orange: #f08336;
  --color-link-blue: #094c98;
  --color-soft-pink: #fce8ed;
  --color-overlay-dark: rgba(0, 0, 0, 0.4);
  --color-overlay-mid: rgba(50, 50, 50, 0.2);
  --color-shadow-text-1: rgba(0, 0, 0, 0.12);
  --color-shadow-text-2: rgba(0, 0, 0, 0.24);
  --color-overlay-10: rgba(0, 0, 0, 0.1);
  --color-overlay-30: rgba(0, 0, 0, 0.3);
  --color-overlay-85: rgba(0, 0, 0, 0.85);
  --color-transparent: rgba(0, 0, 0, 0);
}