/* variables.css — 全域 CSS 變數*/

:root {
  --tcacb-font-family-base: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
  --tcacb-font-size-xs: 0.75rem;
  --tcacb-font-size-sm: 0.875rem;
  --tcacb-font-size-md: 1rem;
  --tcacb-font-size-lg: 1.125rem;
  --tcacb-font-size-xl: 1.25rem;
  --tcacb-font-size-2xl: 1.75rem;
  --tcacb-font-size-3xl: 2.25rem;
  --tcacb-space-1: 0.25rem;
  --tcacb-space-2: 0.5rem;
  --tcacb-space-3: 0.75rem;
  --tcacb-space-4: 1rem;
  --tcacb-space-5: 1.25rem;
  --tcacb-space-6: 1.5rem;
  --tcacb-space-8: 2rem;
  --tcacb-neutral-100: #ffffff;
  --tcacb-neutral-200: #fafafa;
  --tcacb-neutral-300: #f0f0f0;
  --tcacb-neutral-400: #d7dbe2;
  --tcacb-neutral-500: #8a94a6;
  --tcacb-neutral-600: #5f6878;
  --tcacb-neutral-700: #2f3947;
  --tcacb-neutral-800: #0f1724;
  --tcacb-blue-100: #eef7ff;
  --tcacb-blue-200: #d6ebff;
  --tcacb-blue-300: #add5f5;
  --tcacb-blue-400: #76b7ed;
  --tcacb-blue-500: #79acd6;
  --tcacb-blue-600: #4c759e;
  --tcacb-blue-700: #1d4168;
  --tcacb-blue-800: #14304e;
  --tcacb-green-100: #eff9f8;
  --tcacb-green-200: #e2f6f5;
  --tcacb-green-300: #b7e9e6;
  --tcacb-green-400: #69d1cb;
  --tcacb-green-500: #7bbcb8;
  --tcacb-green-600: #0f766e;
  --tcacb-green-700: #325e5e;
  --tcacb-green-800: #274a4a;
  --tcacb-pink-100: #fff6f6;
  --tcacb-pink-200: #ffdbda;
  --tcacb-pink-300: #ffc1bf;
  --tcacb-pink-400: #eb7d7a;
  --tcacb-pink-500: #d16c69;
  --tcacb-pink-600: #b15e5b;
  --tcacb-pink-700: #854844;
  --tcacb-pink-800: #633331;
  --tcacb-yellow-100: #fffbf2;
  --tcacb-yellow-200: #fff0cd;
  --tcacb-yellow-300: #ffe5a7;
  --tcacb-yellow-400: #f6d27e;
  --tcacb-yellow-500: #dbb763;
  --tcacb-yellow-600: #9a6500;
  --tcacb-yellow-700: #69562d;
  --tcacb-yellow-800: #4a3e20;
  --tcacb-blue-300-rgb: 173, 213, 245;
  --tcacb-pink-400-rgb: 237, 183, 183;
  --tcacb-blue-400-rgb: 118, 183, 237;
  --tcacb-green-400-rgb: 105, 209, 203;
  --tcacb-yellow-400-rgb: 246, 210, 126;
  --tcacb-primary: #003366;
  --tcacb-primary-dark: #002244;
  --tcacb-primary-soft: #eaf2fb;
  --tcacb-primary-rgb: 0, 51, 102;
  --tcacb-primary-gradient: linear-gradient(135deg, #002244 0%, #003366 55%, #0b4d86 100%);
  --tcacb-vscode-blue: #007acc;
  --tcacb-vscode-blue-hover: #005a9e;
  --tcacb-vscode-blue-gradient: linear-gradient(135deg, #004d82 0%, #10507b 100%);
  --tcacb-vscode-blue-gradient-hover: linear-gradient(135deg, #00426e 0%, #0e4469 100%);
  --tcacb-vscode-teal-gradient: linear-gradient(135deg, #0c7569 0%, #30786d 100%);
  --tcacb-vscode-teal-gradient-hover: linear-gradient(135deg, #0a645a 0%, #29665d 100%);
  --tcacb-vscode-red-gradient: linear-gradient(135deg, #992a2a 0%, #7e3a3a 100%);
  --tcacb-vscode-red-gradient-hover: linear-gradient(135deg, #822424 0%, #6b3131 100%);
  --tcacb-tint-primary-soft: var(--tcacb-primary-soft);
  --tcacb-tint-blue-soft: rgba(var(--tcacb-blue-400-rgb), 0.12);
  --tcacb-tint-blue: rgba(var(--tcacb-blue-400-rgb), 0.18);
  --tcacb-tint-yellow: rgba(var(--tcacb-yellow-400-rgb), 0.24);
  --tcacb-card-shadow: 0 18px 45px rgba(19, 39, 63, 0.08);
  --tcacb-card-shadow-hover: 0 22px 50px rgba(19, 39, 63, 0.14);
  --tcacb-block-edge-gap: 1.5rem;
}

@media (max-width: 767.98px) {
  :root {
    --tcacb-block-edge-gap: 1.25rem;
  }
}

@media (max-width: 575.98px) {
  :root {
    --tcacb-block-edge-gap: 1rem;
  }
}