/*
Theme Name:   Camille O2
Theme URI:    https://camillemarketinsight.com
Description:  Standalone WordPress theme for Camille Market Insight — full-service strategic market research agency. V2 — seven disciplines. Built on the GSSA editorial layout with Camille's crimson & navy brand identity.
Author:       Camille Market Insight
Author URI:   https://camillemarketinsight.com
Template:     astra
Version:      2.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  camille
Tags:         astra, child-theme, market-research, research
*/

/* ============================================================
   DESIGN TOKENS — Camille Market Insight brand
   Primary: Crimson #e31837 | Secondary: Charcoal #404040
   Fonts: Inter Tight (headings) + Lato (body)
   ============================================================ */
:root {
    /* Brand Colours */
    --crimson:          #e31837;
    --crimson-dark:     #b8102a;
    --crimson-mid:      #c81530;
    --crimson-pale:     #fde8ec;
    --navy:             #404040;
    --navy-dark:        #2a2a2a;
    --navy-mid:         #555555;
    --navy-pale:        #e8e8e8;

    /* Semantic aliases matching GSSA variable names (used in home.css etc.) */
    --color-primary:        var(--crimson);
    --color-primary-dark:   var(--crimson-dark);
    --color-secondary:      var(--navy);
    --color-accent:         var(--crimson);
    --color-red:            var(--crimson);
    --color-red-deep:       var(--crimson-dark);
    --color-red-light:      var(--crimson-pale);

    /* Neutrals */
    --color-white:          #ffffff;
    --color-off-white:      #f8f9fb;
    --color-ink:            #080d14;
    --color-ink-mid:        #0a0a0a;
    --color-parchment:      #f8f9fb;
    --color-parchment-2:    #eff1f5;
    --color-stone:          #000000;
    --color-stone-lt:       #333333;
    --color-dark:           var(--color-ink);
    --color-dark-gray:      #0d1117;
    --color-text:           #000000;
    --color-text-muted:     var(--color-stone);

    /* Typography */
    --font-heading:     'Inter Tight', sans-serif;
    --font-head:        'Inter Tight', sans-serif;
    --font-body:        'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    --font-sans:        'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    --font-display:     'Inter Tight', sans-serif;

    /* Spacing */
    --space-xs:  0.5rem;
    --space-sm:  1rem;
    --space-md:  1.5rem;
    --space-lg:  2.5rem;
    --space-xl:  4.5rem;
    --space-2xl: 6.75rem;

    /* Container */
    --container-max:    1380px;
    --container-narrow: 860px;

    /* Radius */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  16px;
    --radius-full:9999px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,.10);
    --shadow-md: 0 4px 12px rgba(0,0,0,.12);
    --shadow-lg: 0 8px 28px rgba(0,0,0,.16);

    /* Transitions */
    --transition-fast: 0.25s ease;
    --transition-mid:  0.38s cubic-bezier(0.77,0,0.175,1);
    --transition-slow: 0.8s cubic-bezier(0.25,0.46,0.45,0.94);
    --transition-base: 0.3s ease;
}