:root {
  /* --- colour（四主色：color.png 黃 #FCC420 / 紅 #E43E30 / 綠 #269745 / 藍 #2C7BED，可愛活潑風）--- */
  --pop-yellow: #FCC420;
  --pop-red: #E43E30;
  --pop-green: #269745;
  --pop-blue: #2C7BED;
  --pop-blue-dark: #1F66D6;
  --pop-blue-deep: #174EA6;
  --pop-green-dark: #1E7A38;
  --pop-red-dark: #C0271B;
  --pop-red-deep: #8E1B12;
  --pop-yellow-dark: #8A6100;

  --color-bg: #FFF8EC;
  --color-card: #FFFFFF;
  --color-ink: #3B3330;
  --color-ink-muted: #7A6F66;
  --color-ink-faint: #B3A696;
  --color-border: #EBDDBE;
  --color-input-bg: #FFFFFF;

  --color-accent: #1F66D6;
  --color-accent-hover: #174EA6;
  --color-accent-ink: #FFFFFF;
  --color-accent-soft: #E4EEFF;

  --color-error: #E43E30;
  --color-error-soft: #FDE7E3;
  --color-success: #269745;
  --color-success-soft: #DFF2E3;
  --color-warning: #8A6100;
  --color-warning-soft: #FFF3C2;

  --brand-panel-start: #2C7BED;
  --brand-panel-mid: #2F8BF0;
  --brand-panel-end: #269745;

  --admin-sidebar-bg: #24407E;
  --admin-sidebar-bg-2: #1B335F;
  --admin-sidebar-ink: #E3E9F5;
  --admin-sidebar-ink-muted: #9FB0CC;
  --admin-sidebar-line: rgba(255,255,255,0.12);
  --admin-bg: #FFF6E8;
  --admin-surface: #FFFFFF;
  --admin-border: #EFDFC2;
  --admin-border-soft: #F9F0DC;
  --admin-ink: #3B3330;
  --admin-ink-2: #5C524B;
  --admin-ink-muted: #8A7D70;
  --admin-radius: 16px;
  --admin-radius-sm: 12px;
  --admin-shadow: 0 2px 6px rgba(120,90,20,0.06), 0 4px 12px rgba(120,90,20,0.06);
  --admin-shadow-lg: 0 14px 34px -12px rgba(36,64,126,0.35);

  /* --- type（Aqua 世代字體）--- */
  --font-display: 'Helvetica Neue', 'Lucida Grande', 'Lucida Sans Unicode', Arial,
                  'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC',
                  'Noto Sans Thai', sans-serif;
  --font-body: 'Helvetica Neue', 'Lucida Grande', 'Lucida Sans Unicode', Arial,
               'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC',
               'Noto Sans Thai', sans-serif;
  --font-mono: 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace;

  /* --- radius / shadow（圓潤可愛：加大圓角＋暖色陰影） --- */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 14px 34px -12px rgba(36, 64, 126, 0.30);
  --shadow-soft: 0 2px 6px rgba(120, 90, 20, 0.10);

  --transition-fast: 150ms ease;
}