/*
 * VineCARD brand layer — design tokens + Bootstrap 5.3 theming.
 * Loads AFTER bootstrap.css (see common\assets\BrandAsset), so the --bs-* overrides win.
 * Source of truth: sito/mockup/06-modulare/index.html
 */

/* ---- Raleway (self-hosted, GDPR-safe) ---- */
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300 800;
    font-style: italic;
    font-display: swap;
}

/* ---- Brand tokens (1:1 dal mockup) ---- */
:root {
    --wine: #9B1731;
    --wine-dark: #7a1226;
    --wine-tint: #f6e7ea;
    --gold: #D18A12;
    --gold-dark: #a86a09;
    --gold-tint: #fbf0db;
    --ink: #4A4A4A;
    --gray: #878787;
    --gray-light: #C6C6C6;
    --line: #ece6e2;
    --paper: #fffdfb;
    --cream: #faf4ec;
    --vc-sans: 'Raleway', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---- Bootstrap 5.3 theming ---- */
:root,
[data-bs-theme="light"] {
    /* brand colors */
    --bs-primary: #9B1731;
    --bs-primary-rgb: 155, 23, 49;
    --bs-secondary: #D18A12;
    --bs-secondary-rgb: 209, 138, 18;

    /* typography */
    --bs-body-font-family: var(--vc-sans);
    --bs-body-font-size: 1.0625rem; /* 17px come mockup */
    --bs-body-line-height: 1.65;
    --bs-body-color: #4A4A4A;
    --bs-body-color-rgb: 74, 74, 74;
    --bs-body-bg: #faf4ec;
    --bs-body-bg-rgb: 250, 244, 236;
    --bs-secondary-color: rgba(135, 135, 135, 1);

    /* links */
    --bs-link-color: #9B1731;
    --bs-link-color-rgb: 155, 23, 49;
    --bs-link-hover-color: #7a1226;
    --bs-link-hover-color-rgb: 122, 18, 38;

    /* borders */
    --bs-border-color: #ece6e2;
    --bs-border-radius: 0.625rem;
    --bs-border-radius-sm: 0.4rem;
    --bs-border-radius-lg: 1rem;
    --bs-border-radius-xl: 1.25rem;

    /* emphasis / headings */
    --bs-emphasis-color: #4A4A4A;
    --bs-heading-color: #9B1731;
}

/* ---- Base typography (match mockup) ---- */
body {
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    font-weight: 700;
    line-height: 1.13;
    letter-spacing: -.01em;
    color: var(--wine);
}
h1, .h1 { font-size: clamp(2.2rem, 4.8vw, 3.8rem); font-weight: 800; }
h2, .h2 { font-size: clamp(1.7rem, 3vw, 2.5rem); font-weight: 700; }
h3, .h3 { font-size: 1.25rem; font-weight: 700; }

/* ---- Buttons: estendi BS (pill brand) senza override globale del radius dei form ---- */
.btn {
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: .01em;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
}
.btn-primary {
    --bs-btn-bg: var(--wine);
    --bs-btn-border-color: var(--wine);
    --bs-btn-hover-bg: var(--wine-dark);
    --bs-btn-hover-border-color: var(--wine-dark);
    --bs-btn-active-bg: var(--wine-dark);
    --bs-btn-active-border-color: var(--wine-dark);
}
.btn-outline-primary {
    --bs-btn-color: var(--wine);
    --bs-btn-border-color: var(--wine);
    --bs-btn-border-width: 2px;
    --bs-btn-hover-bg: var(--wine);
    --bs-btn-hover-border-color: var(--wine);
    --bs-btn-active-bg: var(--wine);
    --bs-btn-active-border-color: var(--wine);
}