/* FTI design tokens — palette from ftitexbd.com, tuned to the FTI logo (royal navy #1E2E5E, green #007F3D, needle silver) */
:root {
  --navy-900: #0a0f1e;
  --navy-850: #0c1324;
  --navy-800: #121b33;
  --navy-700: #1e2e5e; /* logo navy */
  --navy-600: #2a3b6e;
  --silver: #b9c0c8;   /* logo needle */
  --slate-500: #4a5568;
  --slate-400: #718096;
  --slate-300: #a0aec0;
  --ivory: #f5f3ef;
  --ivory-2: #ebe7df;
  --gold: #c9a96e;
  --gold-light: #e4cfa3;
  --gold-deep: #a8874d;
  --green: #007f3d;       /* logo green */
  --green-light: #35b574;

  --text: #f3efe7;
  --text-2: rgba(243, 239, 231, 0.74);
  --text-3: rgba(243, 239, 231, 0.52);
  --line: rgba(255, 255, 255, 0.10);

  --glass-fill: linear-gradient(145deg, rgba(36, 52, 98, 0.58), rgba(12, 19, 36, 0.52));
  --glass-fill-strong: linear-gradient(145deg, rgba(30, 44, 86, 0.88), rgba(11, 17, 34, 0.84));
  --glass-border: linear-gradient(140deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.06) 38%, rgba(201, 169, 110, 0.10) 62%, rgba(228, 207, 163, 0.55));
  --glass-blur: blur(22px) saturate(165%);
  --glass-shadow: 0 1px 0 rgba(255, 255, 255, 0.10) inset, 0 -1px 0 rgba(0, 0, 0, 0.35) inset, 0 24px 60px -18px rgba(0, 0, 0, 0.65), 0 2px 8px rgba(0, 0, 0, 0.25);
  --gold-glow: 0 0 0 1px rgba(201, 169, 110, 0.45), 0 10px 40px -8px rgba(201, 169, 110, 0.45);

  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-ui: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --gutter: clamp(16px, 4vw, 56px);
  --maxw: 1280px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --header-h: 76px;
}