:root {

  /* ===== COLORS ===== */
  --color-bg: #dea0a0;
  --color-bg-header: #eee2ca;
  --color-bg-body: #f6ebd9;
  --color-bg-soft: #151515;
  --color-surface: #1c1c1c;

  --color-text: #ffffff;
  --color-text-muted: #b5b5b5;

  --color-primary: #253f50;
  --color-primary-hover: #d10000;

  --color-border: rgba(255,255,255,0.08);

  /* ===== HEADER ===== */
  --header-height: 120px;
  --header-bg: var(--color-bg);
  --header-border: var(--color-border);

  /* ===== BUTTONS ===== */
  --btn-bg: transparent;
  --btn-border: rgba(255,255,255,0.3);
  --btn-text: #fff;
  --btn-active-bg: #fff;
  --btn-active-text: #000;

  /* ===== TYPOGRAPHY ===== */
  --font-main: 'Inter', sans-serif;
  --font-size-base: 14px;
  --font-size-lg: 18px;

  /* ===== LAYOUT ===== */
  --container-width: 1200px;
  --container-padding: 20px;

  /* ===== EFFECTS ===== */
  --transition-fast: .2s ease;
  --radius-sm: 4px;
  --radius-md: 8px;

    --ui-ease: cubic-bezier(.4, 0, .2, 1);


  --font-main: "Oswald", system-ui, -apple-system, sans-serif;
  --font-heading: 'Oswald', sans-serif;

}