/*
 * FEC Custom CSS — Federation of European Cookware and Cutlery Industries
 * --------------------------------------------------------------------------
 * Path:    wp-content/themes/aweos/fec-custom.css
 * Project: fecassociation.eu (Divi 4.27 + aweos child theme)
 * Owner:   David / AWEOS
 *
 * RULES OF ENGAGEMENT
 * - Only project-prefixed classes: `.fec-*`
 * - Never edit Divi parent style.css. Never edit aweos style.css.
 * - Apply to Divi modules via `module_class="fec-..."` (Section / Row / Module).
 * - No font-face / no font-family — those live in aweos style.css already.
 * - No global resets, no h1–h6 base rules, no body color — Divi handles it.
 * - Only add: scoped layout fixes, custom pseudo-elements, hover micro-interactions,
 *   tokens for the FEC redesign palette, and components Divi cannot do.
 *
 * STRUCTURE
 *   1. Tokens (CSS custom properties)
 *   2. Utilities
 *   3. Components (per page section, scoped)
 *   4. Page-specific overrides
 */

/* ============================================================
   1. TOKENS — placeholder palette, to be locked in AP1 sign-off
   ============================================================ */
:root {
    /* FEC brand — current navy (existing site) */
    --fec-navy-900: #0d1b2a;
    --fec-navy-700: #1f3a5f;
    --fec-navy-500: #2c5282;

    /* Accent — TBD in AP1 (Option A: EU yellow / Option B: copper) */
    --fec-accent: #f4c430;          /* placeholder = EU yellow */
    --fec-accent-hover: #e0b020;

    /* Neutrals */
    --fec-white: #ffffff;
    --fec-gray-50: #f7f8fa;
    --fec-gray-200: #e3e6ec;
    --fec-gray-700: #4a5568;

    /* Spacing scale (8px-based) */
    --fec-space-1: 8px;
    --fec-space-2: 16px;
    --fec-space-3: 24px;
    --fec-space-4: 32px;
    --fec-space-6: 48px;
    --fec-space-8: 64px;
    --fec-space-12: 96px;

    /* Radius */
    --fec-radius-sm: 4px;
    --fec-radius-md: 8px;
    --fec-radius-pill: 999px;

    /* Motion */
    --fec-ease: cubic-bezier(.4, 0, .2, 1);
    --fec-dur: 200ms;
}

/* ============================================================
   2. UTILITIES — keep tiny, project-specific only
   ============================================================ */
/* (none yet — add only when used) */


/* ============================================================
   3. COMPONENTS — scoped per page section
   ============================================================ */

/* --- Hero (Home) --- */
/* .fec-hero { ... } */

/* --- Product Ranges (Home) --- */
/* .fec-product-ranges { ... } */

/* --- Member logos grid (Membership / Home) --- */
/* .fec-member-grid { ... } */


/* ============================================================
   4. PAGE-SPECIFIC OVERRIDES (last resort, prefer components)
   ============================================================ */
/* body.page-id-100 { ... } */