/*
Theme Name:  JM Reidys
Theme URI:   https://reidyskillarney.com
Description: JM Reidy's — Heritage pub, restaurant, live music and events venue, Killarney.
Author:      Speire
Author URI:  https://speire.ie
Template:    speire-base
Version:     1.0.0
License:     Commercial
Text Domain: jm-reidys
Tags:        restaurant, pub, events, heritage
*/

/* ==========================================================================
   DESIGN TOKENS — update hex values once Figma editor access is confirmed
   ========================================================================== */
:root {
    /* Brand colours */
    --color-primary:        #7C2D3F;
    --color-primary-dark:   #5C1F2D;
    --color-primary-light:  #A34055;
    --color-secondary:      #C4773B;
    --color-secondary-dark: #9E5C28;
    --color-secondary-light:#D9975A;

    /* Backgrounds */
    --color-bg:             #FAF8F4;
    --color-bg-alt:         #F2EDE6;
    --color-bg-dark:        #1A1010;

    /* Text */
    --color-text:           #1A1A1A;
    --color-text-muted:     #5C5C5C;
    --color-text-inverse:   #FAF8F4;

    /* UI */
    --color-border:         #E8E2D9;
    --color-border-dark:    #C8BFB3;
    --color-white:          #FFFFFF;
    --color-black:          #000000;

    /* Semantic */
    --color-success:        #2D6A3F;
    --color-warning:        #C4773B;
    --color-error:          #C0392B;

    /* Typography */
    --font-heading:         'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body:            'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
    --font-mono:            'Courier New', Courier, monospace;

    /* Type scale */
    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  1.875rem;
    --text-4xl:  2.25rem;
    --text-5xl:  3rem;
    --text-6xl:  3.75rem;

    /* Spacing */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* Border radius */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-full:9999px;

    /* Transitions */
    --transition-fast:   150ms ease;
    --transition-base:   250ms ease;
    --transition-slow:   400ms ease;

    /* Shadows */
    --shadow-sm:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
    --shadow-md:  0 4px 12px rgba(0,0,0,.10), 0 2px 4px rgba(0,0,0,.06);
    --shadow-lg:  0 10px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    --shadow-xl:  0 20px 50px rgba(0,0,0,.15);

    /* Layout */
    --container-max:    1280px;
    --container-narrow: 800px;
    --container-wide:   1440px;
    --hero-height:      70vh;
    --hero-height-sm:   50vh;

    /* Nav */
    --nav-height:       80px;
    --nav-height-sm:    60px;
    --nav-bg:           rgba(250, 248, 244, 0.96);
    --nav-bg-scrolled:  rgba(250, 248, 244, 1);

    /* ── DCB plugin compatibility ─────────────────────────────────────────────
       Maps the Dynamic Content Builder's variable names to JM Reidys tokens.
       --space-N conflicts (DCB uses px, theme uses rem) are handled in _dcb.css
       rather than here to avoid breaking theme spacing.
    */
    --c-teal-dark-900: #1A1010;     /* → dark bg / near-black text */
    --c-teal-dark-800: #7C2D3F;     /* → primary burgundy */
    --c-white:         #FFFFFF;
    --c-cream-200:     #E8E2D9;     /* → color-border */
    --c-aqua-light:    #C4773B;     /* → secondary terracotta */
    --c-grey-100:      #F2EDE6;     /* → color-bg-alt */
    --c-yellow-acid:   #C4773B;     /* → secondary terracotta */
    --fs-sm:           0.875rem;
    --space-lg:        1.5rem;
    /* px-based size scale used by DCB for padding/font-size values */
    --size-1: 1px;  --size-2: 2px;  --size-3: 3px;  --size-4: 4px;
    --size-5: 5px;  --size-6: 6px;  --size-8: 8px;  --size-10: 10px;
    --size-11: 11px; --size-12: 12px; --size-14: 14px; --size-15: 15px;
    --size-16: 16px; --size-20: 20px; --size-22: 22px; --size-24: 24px;
    --size-30: 30px; --size-32: 32px; --size-36: 36px; --size-40: 40px;
    --size-50: 50px;
}