@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Karla:ital,wght@0,400;0,500;0,600;1,400&display=swap');
/* Élan — paleta extreta del logo, sobre els tokens del sistema Classical */
:root {
  --font-heading: "Tenor Sans", sans-serif;
  --font-heading-weight: 400;
  --font-body: "Karla", sans-serif;
  --color-bg: #fdfaf7;
  --color-surface: #f2e1d6;
  --color-text: #3b2c1f;
  --color-accent: #6e5239;
  --color-accent-2: #6e5239;
  --color-divider: color-mix(in srgb, #3b2c1f 16%, transparent);
  --color-neutral-100: #faf4f0; --color-neutral-200: #ede2da; --color-neutral-300: #d9cbc0;
  --color-neutral-400: #bbaa9d; --color-neutral-500: #9a887b; --color-neutral-600: #7b6a5e;
  --color-neutral-700: #5e4f45; --color-neutral-800: #43372f; --color-neutral-900: #2c231d;
  --color-accent-100: #f6ebe3; --color-accent-200: #f2e1d6; --color-accent-300: #d6bfaa;
  --color-accent-400: #b39578; --color-accent-500: #8c6d50; --color-accent-600: #6e5239;
  --color-accent-700: #574029; --color-accent-800: #40301f; --color-accent-900: #2a1f14;
  --color-accent-2-100: #f6ebe3; --color-accent-2-200: #f2e1d6; --color-accent-2-300: #d6bfaa;
  --color-accent-2-400: #b39578; --color-accent-2-500: #8c6d50; --color-accent-2-600: #6e5239;
  --color-accent-2-700: #574029; --color-accent-2-800: #40301f; --color-accent-2-900: #2a1f14;
  --radius-md: 14px;
  --radius-lg: 28px;
}
/* To més proper: botons arrodonits i primari ple, superfícies suaus */
.btn { border-radius: 999px !important; }
.btn-primary { background: var(--color-accent-700) !important; border-color: var(--color-accent-700) !important; color: var(--color-accent-100) !important; }
.btn-primary:hover { background: var(--color-accent-800) !important; border-color: var(--color-accent-800) !important; }
.btn-secondary { background: var(--color-accent-100) !important; }
.card { border-radius: 24px !important; background: var(--color-accent-100) !important; border-color: transparent !important; }
.card:hover { border-color: var(--color-accent-300) !important; }
.plate { border-radius: 28px; overflow: hidden; padding: 0 !important; border: 0; }
.plate img { border-radius: 0 !important; }
.input { border-radius: 12px !important; }
.tag { border-radius: 999px !important; }
html { scroll-behavior: smooth; }
html, body, #dc-root, #dc-root > .sc-host { height: auto !important; min-height: 100%; }
body { font-synthesis-weight: none; margin: 0; background: var(--color-bg); color: var(--color-text); text-wrap: pretty; }
a { color: var(--color-accent-700); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--color-accent-900); }

@keyframes elan-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }