/* Bridgizz design tokens. Import first; never hard-code colours elsewhere. */

:root {
  /* Core blues */
  --royal: #1E56C8;
  --deep: #16307A;
  --atlantic: #0E1B3D;
  --sky: #8DB4F0;
  --ice: #DCEBFA;
  --pale: #EEF5FD;
  --white: #FFFFFF;

  /* Accents: one per surface */
  --lime: #C8F169;
  --emerald: #0B7A5E;
  --mint: #BFF0DC;
  --terra: #C8553D;
  --peach: #F4C9B8;
  --gold: #C9A85A;
  --gold-text: #8A6A28; /* gold that passes AA on white */

  /* Text */
  --ink: var(--atlantic);
  --muted: #3D4A66;

  /* Gradients */
  --hero-gradient: linear-gradient(120deg, #1E56C8 0%, #3F7FDB 58%, #9FD8A8 100%);
  --dg-gradient: linear-gradient(140deg, #BFF0DC 0%, #6FA0EE 100%);
  --photo-blue: linear-gradient(150deg, #5B86D9 0%, #24479E 50%, #0E1B3D 100%);
  --photo-emerald: linear-gradient(150deg, #3FA98C 0%, #1F5E7A 50%, #0E1B3D 100%);
  --photo-terra: linear-gradient(150deg, #D98C6E 0%, #6A4A8E 50%, #0E1B3D 100%);
  --photo-gold: linear-gradient(150deg, #C9A85A 0%, #4A4A6E 50%, #0E1B3D 100%);

  /* Type */
  --font-latin: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-arabic: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
  --fs-display: clamp(44px, 6.4vw, 86px);
  --fs-h2: clamp(32px, 4.2vw, 56px);
  --fs-h3: 28px;
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-eyebrow: 12px;
  --tracking-tight: -0.015em;
  --tracking-eyebrow: 0.18em;

  /* Layout */
  --max: 1240px;
  --gap: 14px;
  --radius: 16px;
  --radius-sm: 12px;
  --pill: 999px;
}