/* brand.css — Aisle FLO centralized design tokens */
/* Pixel-accurate values from AF_icon_F2.png */
:root {
  /* === LOGO COLORS === */
  --af-blue: #00A5FF;
  --af-blue-hover: #0088E6;
  --af-blue-light: #E6F5FF;
  --af-gold: #FFAA01;
  --af-gold-hover: #E89900;
  --af-gold-light: #FFF3D6;
  --af-white: #FFFFFF;

  /* === BACKGROUNDS === */
  --af-hero: #0B2545;          /* Deep navy — hero sections only */
  --af-dark: #0B2545;          /* Replaces #0d1117 on dark pages */
  --af-dark-card: #112D4E;     /* Card surfaces on dark pages */
  --af-light: #F8FAFC;         /* Body on light pages */
  --af-cream: #F8F9FB;         /* Existing index.html cream, kept */

  /* === TEXT === */
  --af-ink: #1C2B3A;           /* Body text on light pages */
  --af-soft: #4A6070;          /* Secondary text on light */
  --af-muted: #7A8C9A;         /* Tertiary/captions on light */
  --af-text-dark: rgba(255,255,255,0.85);   /* Body text on dark pages */
  --af-muted-dark: rgba(255,255,255,0.50);  /* Secondary on dark pages */

  /* === BORDERS === */
  --af-border-light: #E2EAF0;
  --af-border-dark: rgba(255,255,255,0.09);

  /* === SHAPE === */
  --af-radius: 12px;
  --af-radius-lg: 18px;

  /* === TYPOGRAPHY === */
  --af-font-display: 'Outfit', 'Montserrat', sans-serif;
  --af-font-body: 'Inter', 'Instrument Sans', sans-serif;
}