/**
 * Gift Card System — Design Tokens (single source of truth).
 *
 * Canonical palette: resources/sovga-wordpress/HANDOFF.md
 * Loaded on frontend before theme and plugin component CSS.
 */

:root {
    /* HANDOFF brandbook — Sovg'a palette */
    --linen:       #F0E8DC;
    --linen-soft:  #F5EFE5;
    --linen-deep:  #E8DDCB;
    --flax:        #D4C4B0;
    --flax-deep:   #BFAB91;
    --umber:       #6B5A48;
    --umber-soft:  #897564;
    --gold:        #C4955A;
    --gold-light:  #D4B380;
    --gold-deep:   #9B6F38;
    --rust:        #8B4A3C;
    --coffee:      #1C1410;
    --coffee-soft: #2A1810;
    --coffee-warm: #4A2A1C;

    /* Typography — Cyrillic-capable brand stack */
    --font-sans:    "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
    --font-serif:   "Cormorant Garamond", Georgia, serif;
    --font-display: "Cormorant Garamond", Georgia, serif;
    --font-script:  "Cormorant Garamond", Georgia, serif;
    --font-mono:    "JetBrains Mono", "Courier New", Consolas, monospace;

    /* Layout */
    --gc-header-height: 72px;
    --gc-section-pad-x: clamp(1rem, 4vw, 3.5rem);
    --gc-section-pad-y: clamp(4rem, 8vw, 10rem);
    --gc-section-pad-y-lg: clamp(5rem, 10vw, 11.25rem);
    --gc-hero-pad-top: clamp(7rem, 12vw, 8.75rem);
    --gc-hero-pad-bottom: clamp(3rem, 6vw, 5rem);
    --gc-shop-hero-pad-top: clamp(6rem, 14vw, 8.75rem);
    --gc-footer-pad-top: clamp(3.5rem, 6vw, 5rem);
    --gc-tiers-pad-y: clamp(4rem, 10vw, 7.5rem);

    /* Inner page shell (catalog, account, legal, generic pages) */
    --gc-page-pad-x: clamp(1rem, 3vw, 2rem);
    --gc-page-pad-y: clamp(1.25rem, 2.5vw, 1.75rem);
    --gc-page-pad-bottom: clamp(2rem, 4vw, 3rem);
    --gc-page-max-width: 80rem;

    /* Plugin catalog/single shells inside theme pages — inherit 0 from page shell */
    --gc-shell-pad-x: 16px;
    --gc-shell-pad-top: 24px;
    --gc-shell-pad-bottom: 48px;

    /* Shadows — warm tinted (brandbook) */
    --shadow-warm: 0 30px 80px -30px rgba(28, 20, 16, 0.35);
    --shadow-card: 0 40px 100px -30px rgba(28, 20, 16, 0.45), 0 20px 40px -20px rgba(28, 20, 16, 0.25);

    /* Primary (Gold) */
    --gc-primary:       #C4955A;
    --gc-primary-dark:  #9B6F38;
    --gc-primary-light: #FDF8F0;
    --gc-primary-rgb:   196, 149, 90;
    --gc-primary-50:  #FDF8F0;
    --gc-primary-100: #F5EFE5;
    --gc-primary-200: #EAD9C4;
    --gc-primary-300: #D4B380;
    --gc-primary-400: #CAAC6E;
    --gc-primary-500: #C4955A;
    --gc-primary-600: #A87830;
    --gc-primary-700: #9B6F38;

    /* Brand scale (admin + theme) */
    --gc-brand-50:  #FDF8F0;
    --gc-brand-100: #F5EFE5;
    --gc-brand-200: #EAD9C4;
    --gc-brand-300: #D4B380;
    --gc-brand-400: #CAAC6E;
    --gc-brand-500: #C4955A;
    --gc-brand-600: #A87830;
    --gc-brand-700: #9B6F38;
    --gc-brand-800: #7A5420;
    --gc-brand-900: #5C3E12;

    /* Accent → gold (not indigo) */
    --gc-accent-50:  #FDF8F0;
    --gc-accent-100: #F5EFE5;
    --gc-accent-200: #EAD9C4;
    --gc-accent-500: #C4955A;
    --gc-accent-600: #A87830;

    /* Success — warm gold tint */
    --gc-success-50:  #FDF8F0;
    --gc-success-100: #F5EFE5;
    --gc-success-200: #EAD9C4;
    --gc-success-400: #CAAC6E;
    --gc-success-500: #C4955A;
    --gc-success-600: #A87830;
    --gc-success-700: #9B6F38;
    --gc-success-800: #7A5420;
    --gc-success-900: #5C3E12;

    /* Danger (Rust) */
    --gc-danger-50:  #fdf5f4;
    --gc-danger-100: #fbe8e5;
    --gc-danger-200: #f5cdc8;
    --gc-danger-400: #c97b6f;
    --gc-danger-500: #b5544a;
    --gc-danger-600: #8B4A3C;
    --gc-danger-700: #6B2A1C;
    --gc-danger-800: #4a1c14;

    /* Warning (Gold) */
    --gc-warning-50:  #FDF8F0;
    --gc-warning-100: #F5EFE5;
    --gc-warning-300: #D4B380;
    --gc-warning-400: #CAAC6E;
    --gc-warning-500: #C4955A;
    --gc-warning-600: #A87830;
    --gc-warning-700: #9B6F38;

    /* Info — umber/gold */
    --gc-info-50:  #F5EFE5;
    --gc-info-100: #F0E8DC;
    --gc-info-500: #897564;
    --gc-info-600: #6B5A48;
    --gc-info-700: #4A2A1C;

    /* Neutral (Warm gray) */
    --gc-neutral-50:  #FAF8F6;
    --gc-neutral-100: #F2EDE8;
    --gc-neutral-200: #E5DDD6;
    --gc-neutral-300: #CBB8AD;
    --gc-neutral-400: #A89080;
    --gc-neutral-500: #857060;
    --gc-neutral-600: #62524A;
    --gc-neutral-700: #3D2E29;
    --gc-neutral-800: #261A17;
    --gc-neutral-900: #1C1410;

    /* Gray aliases (admin) */
    --gc-gray-50:  #FAF8F6;
    --gc-gray-100: #F2EDE8;
    --gc-gray-200: #E5DDD6;
    --gc-gray-300: #CBB8AD;
    --gc-gray-400: #A89080;
    --gc-gray-500: #857060;
    --gc-gray-600: #62524A;
    --gc-gray-700: #3D2E29;
    --gc-gray-800: #261A17;
    --gc-gray-900: #1C1410;

    /* Backgrounds */
    --gc-bg:      #F5EFE5;
    --gc-card-bg: #FDF8F0;
    --gc-text:    #1C1410;
    --gc-text-secondary: #6B5A48;
    --gc-text-muted:     #A89080;

    /* Borders */
    --gc-border-color: #E0CDB8;
    --gc-border-light: #F2EDE8;
    --gc-input-border: #E0CDB8;

    /* Shadows */
    --gc-shadow-sm: 0 1px 2px rgba(28, 20, 16, 0.05);
    --gc-shadow-md: 0 4px 12px rgba(28, 20, 16, 0.10);
    --gc-shadow-lg: 0 8px 32px rgba(28, 20, 16, 0.12);
    --gc-shadow-xl: 0 24px 64px rgba(28, 20, 16, 0.18);

    /* Radii — sharp (0) */
    --gc-radius-sm:  0;
    --gc-radius-md:  0;
    --gc-radius-lg:  0;
    --gc-radius-xl:  0;
    --gc-radius-2xl: 0;
    --gc-radius-3xl: 0;

    /* Typography aliases for plugin components */
    --gc-font:        var(--font-sans);
    --gc-font-mono:   var(--font-mono);
    --gc-font-family: var(--font-sans);

    /* Z-index layers */
    --gc-z-modal: 99999;
    --gc-z-toast: 999999;
}