:root {
  /* Crowe Global Brand Primary Palette */
  --crowe-indigo: #011E41;
  --crowe-indigo-rgb: 1, 30, 65;
  --crowe-indigo-light: #0d2e59;
  --crowe-indigo-dark: #001229;
  
  --crowe-amber: #F5A800;
  --crowe-amber-rgb: 245, 168, 0;
  --crowe-amber-light: #ffba24;
  --crowe-amber-dark: #d99100;
  
  /* Crowe Secondary & Accent Colors */
  --crowe-blue: #003F9F;
  --crowe-cyan: #54C0E8;
  --crowe-teal: #05AB8C;
  --crowe-purple: #B14FC5;
  --crowe-coral: #E5376B;
  
  /* Crowe Neutrals & Secondary Language Gray */
  --crowe-gray-sec: #666666;
  --crowe-gray-muted: #8c939e;
  --crowe-gray-light: #F4F6F9;
  --crowe-gray-border: #E1E5EB;
  --crowe-gray-dark: #222B35;
  --crowe-white: #FFFFFF;
  --crowe-black: #000000;
  
  /* Typography */
  --font-brand: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  
  /* Layout Dimensions & Shadows */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --shadow-sm: 0 1px 3px rgba(1, 30, 65, 0.08);
  --shadow-md: 0 4px 12px rgba(1, 30, 65, 0.12);
  --shadow-lg: 0 10px 28px rgba(1, 30, 65, 0.16);
  --shadow-xl: 0 18px 42px rgba(1, 30, 65, 0.22);
  
  /* Transition */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}