/*
    Mochita, Official Website
    Design & Development: Dennys Stauffer (dennys-stauffer.ch)
*/

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url('../fonts/montserrat-var.woff2') format('woff2');
}

:root {
    /* Accent */
    --accent: #b53325;
    --accent-light: #d14536;
    --accent-dark: #8c2519;

    --accent-text: #6b1d10;

    /* Backgrounds */
    --bg: #e5a657;
    --bg-alt: #dc9a46;
    --bg-card: #eeb771;
    --bg-elevated: #f2c489;

    --border: #b87f36;
    --border-light: #a06a28;

    /* Text */
    --text: #401309;
    --text-muted: #59180d;
    --text-subtle: #5a2c15;
    --text-faint: #a85a33;

    /* Brand */
    --brand: #401309;

    --on-accent: #f7e6cd;

    /* Semantic */
    --color-success: #1f7a34;
    --color-error: #8c1f1f;
    --feedback-success-text: #145423;
    --feedback-error-text: #6e1010;

    /* Hero */
    --hero-glow: rgba(181, 51, 37, 0.10);
    --hero-from: #e5a657;
    --hero-to: #e9b06a;

    /* Header */
    --header-bg: rgba(229, 166, 87, 0.9);

    /* Typography */
    --font: 'Montserrat', sans-serif;
    --font-size-base: 16px;
    --line-height: 1.7;

    /* Spacing */
    --sp-xs: 8px;
    --sp-sm: 16px;
    --sp-md: 32px;
    --sp-lg: 64px;
    --sp-xl: 120px;

    /* Layout */
    --container: 1200px;
    --header-h: 80px;
    --radius: 4px;
    --radius-lg: 8px;

    /* Transitions */
    --t-fast: 0.2s ease;
    --t-normal: 0.35s ease;
    --t-slow: 0.6s ease;

    /* Shadows */
    --shadow-md: 0 4px 24px rgba(64, 19, 9, 0.16);
    --shadow-lg: 0 8px 48px rgba(64, 19, 9, 0.20);
    --shadow-accent: 0 4px 24px rgba(181, 51, 37, 0.25);
}