@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;800&family=Montserrat:wght@400;500;600;700&display=swap');

/**
 * Torven design tokens — the single source of truth for plugin components.
 * Components keep local fallbacks so exported snippets remain portable.
 */
:root {
    --torven-font-ui: "Montserrat", Arial, sans-serif;
    --torven-font-body: "Barlow", Arial, sans-serif;
    --torven-font-display: "Barlow Condensed", Impact, sans-serif;
    --torven-font-editorial: Georgia, "Times New Roman", serif;

    --torven-color-green: #071710;
    --torven-color-green-soft: #10291d;
    --torven-color-green-bar: #173327;
    --torven-color-cream: #e7decf;
    --torven-color-white: #ffffff;
    --torven-color-gold: #a99562;
    --torven-color-gold-light: #d6ccb1;
    --torven-color-copper: #8a451f;
    --torven-color-hero-ink: #071411;
    --torven-color-hero-green: #052d24;

    --torven-line: rgba(231, 222, 207, 0.2);
    --torven-shadow: 0 12px 35px rgba(0, 0, 0, 0.22);
    --torven-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --torven-menu-transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    --torven-header-height: 82px;
}

/* Shared typography for primary actions; component CSS controls their colors. */
:where(.torven-primary-button) {
    font-family: var(--torven-font-ui, "Montserrat", Arial, sans-serif);
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1;
    text-transform: uppercase;
}