/**
 * FourData Blocks v2 — Design Tokens
 * All CSS custom properties for the FourData design system.
 * These tokens are consumed by every other fd-*.css file.
 */

:root {
  /* ───────── Brand colours ───────── */
  --fd-navy:         #002b49;
  --fd-navy-dark:    #001e35;
  --fd-navy-deeper:  #001524;

  --fd-cyan:         #3BB7ED;
  --fd-cyan-dark:    #2aa3d6;
  --fd-cyan-glow:    rgba(59, 183, 237, 0.15);

  --fd-orange:       #E65100;
  --fd-green:        #2E7D32;

  /* ───────── Text colours ───────── */
  --fd-text:         #5a6a78;
  --fd-text-dark:    #002b49;
  --fd-text-light:   #8a9bab;

  /* ───────── Surfaces & borders ───────── */
  --fd-border:       #e8edf2;
  --fd-bg-light:     #f8fafb;
  --fd-bg-blue:      #f0f8ff;

  /* ───────── Typography ───────── */
  --fd-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ───────── Spacing & sizing ───────── */
  --fd-radius:       0.75rem;
  --fd-radius-sm:    0.375rem;
  --fd-max:          75rem;

  /* ───────── Shadows ───────── */
  --fd-shadow:       0 2px 8px rgba(0, 43, 73, 0.04);
  --fd-shadow-md:    0 4px 20px rgba(0, 43, 73, 0.06);
  --fd-shadow-lg:    0 12px 32px rgba(0, 43, 73, 0.08);
}