/*
Theme Name:  Eno Child
Description: Eno Design Blueprint - Herbruikbaar child thema
Template:    generatepress
Version:     3.0.0
Author:      Eno Design
Text Domain: eno-child
*/

/* =========================================================
   DESIGN TOKENS — Structural Premiumism (New Steps Revision)
   ========================================================= */
:root {
    /* === KLEUREN — Material Design 3 Structural Premiumism === */

    /* Primary — deep navy */
    --color-primary:              #001e40;
    --color-primary-dk:           #00122b;
    --color-primary-container:    #003366;
    --color-on-primary:           #ffffff;
    --color-on-primary-container: #799dd6;
    --color-primary-fixed:        #D4AF37;
    --color-primary-fixed-dim:    #c9a227;
    --color-inverse-primary:      #a7c8ff;

    /* Secondary */
    --color-secondary:            #5e5f5d;
    --color-on-secondary:         #ffffff;
    --color-secondary-container:  #e0e0dd;
    --color-on-secondary-container: #626361;
    --color-secondary-fixed:      #e3e2e0;
    --color-secondary-fixed-dim:  #c7c6c4;

    /* Tertiary — gold */
    --color-tertiary:             #735c00;
    --color-on-tertiary:          #ffffff;
    --color-tertiary-container:   #cca830;
    --color-on-tertiary-container: #4f3e00;

    /* Surface */
    --color-surface:              #f9f9ff;
    --color-surface-bright:       #f9f9ff;
    --color-surface-dim:          #cfdaf1;
    --color-surface-container-lowest: #ffffff;
    --color-surface-container-low:    #f0f3ff;
    --color-surface-container:        #e7eeff;
    --color-surface-container-high:   #dee8ff;
    --color-surface-container-highest: #d8e3fa;
    --color-surface-variant:      #d8e3fa;

    /* On-surface */
    --color-on-surface:           #111c2c;
    --color-on-surface-variant:   #43474f;

    /* Inverse */
    --color-inverse-surface:      #263142;
    --color-inverse-on-surface:   #ebf1ff;

    /* Outline */
    --color-outline:              #737780;
    --color-outline-variant:      #c3c6d1;

    /* Background */
    --color-bg:                   #f9f9ff;
    --color-bg-dark:              #263142;
    --color-text:                 #111c2c;
    --color-text-muted:           #43474f;
    --color-border:               #c3c6d1;

    /* Error */
    --color-error:                #ba1a1a;

    /* === TYPOGRAFIE === */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body:    'Hanken Grotesk', system-ui, sans-serif;

    /* Font sizes */
    --text-display-lg:     2.5rem;     /* 40px */
    --text-display-mob:    1.875rem;   /* 30px */
    --text-headline-lg:    1.50rem;     /* 24px */
    --text-headline-md:    1.375rem;   /* 22px */
    --text-headline-sm:    1.125rem;   /* 18px */
    --text-body-lg:        1.125rem;   /* 18px */
    --text-body-md:        1rem;       /* 16px */
    --text-label-lg:       0.875rem;   /* 14px */
    --text-button:         1rem;       /* 16px */

    /* Font weights */
    --fw-regular:  400;
    --fw-medium:   500;
    --fw-semibold: 600;
    --fw-bold:     700;
    --fw-extrabold: 800;

    /* Line heights */
    --lh-tight:   1.1;
    --lh-snug:    1.2;
    --lh-normal:  1.3;
    --lh-relaxed: 1.6;

    /* Letter spacing */
    --ls-tight:   -0.02em;
    --ls-wide:    0.1em;

    /* === SPACING === */
    --space-xs:    0.5rem;   /* 8px */
    --space-sm:    1rem;     /* 16px */
    --space-md:    1.5rem;   /* 24px */  /* gutter */
    --space-lg:    2rem;     /* 32px */
    --space-xl:    5rem;     /* 80px */  /* margin-desktop */
    --space-2xl:   7.5rem;   /* 120px */ /* section-padding */
    --space-section: 7.5rem;

    /* === LAYOUT === */
    --container:       1280px;
    --container-sm:    800px;
    --container-xs:    640px;
    --margin-desktop:  5rem;
    --margin-mobile:   1.25rem;
    --gutter:          1.5rem;

    /* === BORDER RADIUS === */
    --radius:       0.25rem;
    --radius-sm:    0.5rem;
    --radius-md:    0.75rem;
    --radius-lg:    1rem;
    --radius-xl:    1.5rem;
    --radius-2xl:   2rem;     /* 32px */
    --radius-3xl:   2.5rem;   /* 40px */
    --radius-4xl:   3rem;     /* 48px */
    --radius-full:  9999px;

    /* === SHADOWS === */
    --shadow-sm:  0 1px 4px rgba(25, 28, 27, 0.07);
    --shadow-md:  0 4px 20px rgba(25, 28, 27, 0.09);
    --shadow-lg:  0 8px 40px rgba(25, 28, 27, 0.12);
    --shadow-xl:  0 16px 64px rgba(25, 28, 27, 0.16);
    --shadow-2xl: 0 24px 80px rgba(25, 28, 27, 0.20);

    /* === TRANSITIONS === */
    --transition:      0.3s ease;
    --transition-fast: 0.15s ease;
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* === GLASSMORPHISM === */
    --glass-bg:     rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.3);
    --glass-blur:   20px;

    /* GeneratePress variable bridge */
    --accent:    #001e40;
    --contrast:  #111c2c;
}