/*
Theme Name:  Media Tech Museum
Theme URI:   https://themediatechmuseum.com
Author:      Media Tech Museum
Author URI:  https://themediatechmuseum.com
Description: Custom theme for The Media Tech Museum — Kansas City, MO. A collection of communication devices spanning the history of media technology.
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: media-tech-museum
Tags:        custom-logo, custom-menu, featured-images, full-width-template, theme-options
*/

/* ─────────────────────────────────────────────────────
   CSS CUSTOM PROPERTIES — Design Token Layer
   All visual values are declared here and consumed
   in assets/css/main.css. Edit tokens here to retheme.
   ───────────────────────────────────────────────────── */

:root {
    /* Core palette */
    --mtm-white:    #FFFFFF;
    --mtm-black:    #111111;
    --mtm-charcoal: #2C2C2C;
    --mtm-bronze:   #CC9933;
    --mtm-surface:  #F7F5F2;

    /* Extended palette (from logo) */
    --mtm-navy:     #1E2D5E;
    --mtm-gold:     #C9A050;
    --mtm-crimson:  #B5282A;

    /* Semantic colors */
    --mtm-text-primary:   var(--mtm-black);
    --mtm-text-secondary: #555555;
    --mtm-text-muted:     #888888;
    --mtm-border:         rgba(0, 0, 0, 0.10);
    --mtm-border-strong:  rgba(0, 0, 0, 0.20);

    /* Typography */
    --mtm-font-display: 'Bodoni Moda', 'Georgia', serif;
    --mtm-font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;

    /* Font sizes (fluid scale) */
    --mtm-text-xs:   0.75rem;
    --mtm-text-sm:   0.875rem;
    --mtm-text-base: 1rem;
    --mtm-text-lg:   1.125rem;
    --mtm-text-xl:   1.25rem;
    --mtm-text-2xl:  1.5rem;
    --mtm-text-3xl:  1.875rem;
    --mtm-text-4xl:  2.25rem;
    --mtm-text-5xl:  3rem;
    --mtm-text-6xl:  3.75rem;
    --mtm-text-7xl:  4.5rem;

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

    /* Layout */
    --mtm-container:      1280px;
    --mtm-container-text: 760px;
    --mtm-header-h:       150px;
    --mtm-radius-sm:      4px;
    --mtm-radius:         8px;
    --mtm-radius-lg:      16px;

    /* Motion */
    --mtm-ease:        cubic-bezier(0.4, 0, 0.2, 1);
    --mtm-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --mtm-dur-fast:    150ms;
    --mtm-dur:         250ms;
    --mtm-dur-slow:    400ms;

    /* Shadows */
    --mtm-shadow-sm:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
    --mtm-shadow:     0 4px 16px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06);
    --mtm-shadow-lg:  0 16px 48px rgba(0,0,0,0.14), 0 6px 16px rgba(0,0,0,0.08);
    --mtm-shadow-xl:  0 32px 80px rgba(0,0,0,0.20);
}