/* 4444.MARKET — design tokens (V3). Source of truth: 01_BRAND/BRAND_SYSTEM.json (v1.1.0) + HOMEPAGE_DIRECTION_V3.png.
   One token system for every page of the preview. Change values here only. */
:root {
  /* brand / gold */
  --gold: #C6922E;
  --gold-hover: #A96E12;
  --gold-light: #F6E9C8;
  --gold-dark: #76500F;
  --gold-highlight: #E8C660;
  --gold-gradient: linear-gradient(135deg, #E8C660 0%, #C6922E 48%, #A96E12 100%);
  /* neutral */
  --black: #111315;
  --graphite: #1B1E21;
  --dark: #2F3439;
  --gray: #6C7074;
  --line: #E9E4DA;
  --line-strong: #C9C0B0;
  --surface: #F8F6F1;
  --white: #FFFDF8;
  /* warm surfaces (V3: warm off-white page, light-gray cards) */
  --warm-bg: #FAF8F3;
  --warm-1: #F1EDE4;
  --warm-2: #E9E4D8;
  --warm-line: #E2DCCF;
  /* semantic */
  --success: #147D55;
  --warning: #8A5A00;
  --danger: #B42318;
  --info: #1769AA;
  /* type (no font files bundled: installed font or system fallback) */
  --font-display: Montserrat, "Segoe UI", Arial, sans-serif;
  --font-text: Inter, "Segoe UI", Arial, sans-serif;
  /* radius */
  --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-2xl: 28px; --r-pill: 999px;
  /* shadow */
  --shadow-card: 0 8px 24px rgba(17, 19, 21, .08);
  --shadow-soft: 0 6px 18px rgba(17, 19, 21, .05);
  --shadow-raised: 0 16px 48px rgba(17, 19, 21, .14);
  --focus: 0 0 0 3px rgba(185, 134, 36, .32);
  /* layout */
  --max: 1360px;
  --gutter: 16px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px;
}
@media (min-width: 768px) { :root { --gutter: 24px; } }
@media (min-width: 1024px) { :root { --gutter: 32px; } }