/*
Theme Name: Flip A Coin
Theme URI: https://flip-a-coin.us/
Author: Flip-a-Coin
Author URI: https://flip-a-coin.us/
Description: A fast, accessible, SEO-optimized WordPress theme built for flip-a-coin.us — an online coin-flipping and heads-or-tails decision tool. Elementor Pro compatible, mobile-first, Core Web Vitals focused.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: flipacoin
Tags: blog, e-commerce, custom-menu, threaded-comments, translation-ready, accessibility-ready
*/

/* ==========================================================================
   DESIGN TOKENS
   These custom properties are the single source of truth for the design
   system. Elementor Pro's Global Colors / Global Fonts should be mapped to
   the same values (see inc/elementor.php) so edits stay in sync.
   ========================================================================== */

:root{
  /* Brand palette */
  --fac-color-primary:      #1554F6;   /* Coin-blue: trust, precision */
  --fac-color-primary-dark: #0E3EC2;
  --fac-color-secondary:    #0B1220;   /* Ink navy: premium, stable */
  --fac-color-accent:       #F5B700;   /* Gold: the coin itself */
  --fac-color-accent-dark:  #C99400;

  /* Surfaces */
  --fac-color-bg:           #FFFFFF;
  --fac-color-bg-alt:       #F5F7FB;
  --fac-color-bg-inverse:   #0B1220;
  --fac-color-border:       #E3E8F0;

  /* Text */
  --fac-color-text:         #131A2A;
  --fac-color-text-muted:   #5B6472;
  --fac-color-text-inverse: #F5F7FB;

  /* State */
  --fac-color-success: #1C9A6C;
  --fac-color-warning: #C97B00;
  --fac-color-error:   #D53F3F;

  /* Type scale (fluid, mobile-first) */
  --fac-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fac-font-display: "Fraunces", var(--fac-font-body);

  --fac-text-h1:  clamp(2.0rem, 1.5rem + 2.2vw, 3.4rem);
  --fac-text-h2:  clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
  --fac-text-h3:  clamp(1.2rem, 1.05rem + 0.7vw, 1.5rem);
  --fac-text-h4:  1.125rem;
  --fac-text-body: 1rem;
  --fac-text-small: 0.875rem;
  --fac-text-caption: 0.75rem;

  /* Spacing scale */
  --fac-space-1: 0.25rem;
  --fac-space-2: 0.5rem;
  --fac-space-3: 0.75rem;
  --fac-space-4: 1rem;
  --fac-space-6: 1.5rem;
  --fac-space-8: 2rem;
  --fac-space-12: 3rem;
  --fac-space-16: 4rem;
  --fac-space-24: 6rem;

  /* Radius / shadow */
  --fac-radius-sm: 8px;
  --fac-radius-md: 14px;
  --fac-radius-lg: 24px;
  --fac-radius-full: 999px;
  --fac-shadow-sm: 0 1px 2px rgba(11,18,32,.06);
  --fac-shadow-md: 0 8px 24px rgba(11,18,32,.08);
  --fac-shadow-lg: 0 24px 48px rgba(11,18,32,.14);

  --fac-container: 1200px;
  --fac-content: 720px;
}

@media (prefers-color-scheme: dark){
  body.fac-theme-auto{
    --fac-color-bg: #0B1220;
    --fac-color-bg-alt: #121A2B;
    --fac-color-text: #EDF1F7;
    --fac-color-text-muted: #9AA5B5;
    --fac-color-border: #232E45;
  }
}