/*
Theme Name: Fleek Fintech
Theme URI: https://fleekfintech.com
Author: Fleek
Description: Corporate/marketing theme for fleekfintech.com — showcases the Fleek Financial Planning platform and AdvisorOS. Custom-coded, no page builder.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: fleek-fintech
*/

/* Brand tokens — carried over from the Fleek product apps (fleek-frontend
   src/shared/tokens.css) so the marketing site reads as the same company,
   not a bolted-on WordPress skin. AdvisorOS's navy/vermilion is a
   NetworkFP-partnership-specific palette and intentionally NOT used here —
   this is Fleek's own corporate identity. */
:root {
  --bg: #F8F7F4;
  --surface: #FFFFFF;
  --surface-2: #F2F1EC;
  --surface-3: #EAE9E2;
  --border: #E7E5DF;
  --border-strong: rgba(23, 29, 25, 0.14);
  --text: #171D19;
  --text-muted: #5F6B64;
  --text-subtle: rgba(23, 29, 25, 0.28);

  --accent: #0E6E52;
  --accent-strong: #0A5C44;
  --accent-soft: rgba(14, 110, 82, 0.08);
  --accent-border: rgba(14, 110, 82, 0.30);

  --navy: #0F2647;
  --navy-strong: #0A1B33;

  --amber: #B97D10; --amber-soft: rgba(185, 125, 16, 0.10);
  --red:   #C94F4F; --red-soft:   rgba(201, 79, 79, 0.10);
  --blue:  #3B6FA6; --blue-soft:  rgba(59, 111, 166, 0.10);
  --violet:#6E5AA6; --violet-soft:rgba(110, 90, 166, 0.10);

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Bricolage Grotesque', var(--font);
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px;

  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-full: 9999px;
  --dur-fast: 120ms; --dur-normal: 200ms; --dur-slow: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-sm: 0 1px 2px rgba(23, 29, 25, 0.05);
  --shadow-md: 0 4px 12px rgba(23, 29, 25, 0.07);
  --shadow-lg: 0 12px 32px rgba(23, 29, 25, 0.12);
  --shadow-accent: 0 4px 16px rgba(14, 110, 82, 0.22);

  --max-width: 1200px;
}

[data-theme="dark"] {
  --bg: #0F1512;
  --surface: #171D19;
  --surface-2: #131815;
  --surface-3: #1E2620;
  --border: #28302B;
  --border-strong: rgba(241, 243, 239, 0.14);
  --text: #F1F3EF;
  --text-muted: #94A19A;
  --text-subtle: rgba(241, 243, 239, 0.28);

  --accent: #3ECF9A;
  --accent-strong: #3ECF9A;
  --accent-soft: rgba(62, 207, 154, 0.12);
  --accent-border: rgba(62, 207, 154, 0.32);

  --navy: #6E8CB8;
  --navy-strong: #8FA9CC;

  --shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,.3);
  --shadow-lg: 0 12px 32px rgba(0,0,0,.45);
  --shadow-accent: 0 4px 16px rgba(62, 207, 154, 0.25);
}