/* =========================================================================
   cabriolet.es — Design Tokens (Kimi Agent Dark Theme)
   ========================================================================= */

:root {
    --background: 240 6% 5%;
    --foreground: 40 20% 96%;
    --card: 240 5% 8%;
    --card-foreground: 40 20% 96%;
    --popover: 240 5% 8%;
    --popover-foreground: 40 20% 96%;
    --primary: 40 45% 62%;
    --primary-foreground: 240 6% 6%;
    --secondary: 240 4% 14%;
    --secondary-foreground: 40 20% 96%;
    --muted: 240 4% 14%;
    --muted-foreground: 240 5% 62%;
    --accent: 40 45% 62%;
    --accent-foreground: 240 6% 6%;
    --destructive: 0 72% 51%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 4% 16%;
    --input: 240 4% 18%;
    --ring: 40 45% 62%;
    --radius: 0.75rem;

    --bg-primary: hsl(var(--background));
    --bg-secondary: hsl(240 6% 6%);
    --bg-card: hsl(var(--card));
    --bg-elevated: hsl(240 5% 10%);
    --bg-input: hsl(var(--input) / 0.4);
    --bg-input-hover: hsl(var(--input) / 0.6);

    --gold: hsl(40 45% 62%);
    --gold-light: #f3dfae;
    --gold-mid: #c49a52;
    --gold-dark: #b98d45;

    --amber-200: #fde68a;
    --amber-300: #fcd34d;
    --amber-600: #d97706;

    --text-primary: hsl(var(--foreground));
    --text-secondary: hsl(240 5% 75%);
    --text-muted: hsl(var(--muted-foreground));
    --text-faint: hsl(240 5% 45%);

    --border-color: hsl(var(--border) / 0.5);
    --border-strong: hsl(var(--border));
    --border-gold: hsl(40 45% 62% / 0.25);
    --border-gold-strong: hsl(40 45% 62% / 0.45);

    --success: #22c55e;
    --danger: #ef4444;
    --whatsapp: #25d366;

    --grad-gold: linear-gradient(to right, #e9cf96, #c49a52);
    --grad-gold-br: linear-gradient(135deg, #e9cf96, #b98d45);
    --grad-hero-overlay: linear-gradient(to top, #0b0b0e, hsl(240 6% 5% / 0.35) 50%, hsl(240 6% 5% / 0.25));
    --grad-hero-left: linear-gradient(to right, hsl(240 6% 5% / 0.7), transparent);

    --font-display: 'Unbounded', 'Manrope', system-ui, sans-serif;
    --font-body: 'Manrope', system-ui, sans-serif;

    --fs-xs: clamp(0.69rem, 0.67rem + 0.08vw, 0.75rem);
    --fs-sm: clamp(0.81rem, 0.79rem + 0.1vw, 0.875rem);
    --fs-base: clamp(0.94rem, 0.91rem + 0.13vw, 1.05rem);
    --fs-md: clamp(1.06rem, 1.02rem + 0.2vw, 1.18rem);
    --fs-lg: clamp(1.19rem, 1.13rem + 0.29vw, 1.38rem);
    --fs-xl: clamp(1.38rem, 1.28rem + 0.48vw, 1.75rem);
    --fs-2xl: clamp(1.6rem, 1.4rem + 0.9vw, 2.25rem);
    --fs-3xl: clamp(1.85rem, 1.5rem + 1.6vw, 2.6rem);
    --fs-hero: clamp(2rem, 5.4vw, 4.2rem);

    --lh-tight: 1.06;
    --lh-snug: 1.25;
    --lh-normal: 1.6;
    --lh-relaxed: 1.75;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi: 600;
    --fw-bold: 700;
    --fw-extra: 800;

    --tracking-tight: -0.02em;
    --tracking-wide: 0.04em;
    --tracking-caps: 0.18em;

    --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
    --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 2.5rem; --sp-8: 3rem;
    --sp-9: 4rem; --sp-10: 5rem; --sp-11: 6rem; --sp-12: 8rem;

    --r-xs: 6px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px;
    --r-xl: 20px; --r-2xl: 24px; --r-pill: 999px;

    --shadow-gold: 0 8px 24px hsl(40 45% 30% / 0.3);
    --shadow-card-hover: 0 20px 60px -20px hsl(40 45% 62% / 0.25), 0 0 0 1px hsl(40 45% 62% / 0.15);
    --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.5);

    --t-fast: .18s cubic-bezier(.4, 0, .2, 1);
    --t: .3s cubic-bezier(.4, 0, .2, 1);
    --t-slow: .5s cubic-bezier(.4, 0, .2, 1);
    --t-reveal: .8s cubic-bezier(0.22, 1, 0.36, 1);

    --container: 1280px;
    --container-padding: clamp(1.25rem, 1rem + 2vw, 2rem);
    --header-h: 72px;

    --z-header: 100; --z-dropdown: 200; --z-sticky: 300;
    --z-overlay: 900; --z-modal: 1000; --z-fab: 800;
}