/**
 * Selfrag Design Tokens
 * Extracted from SELF-2026-CO2-Campaign/landing-page/landing-page.html
 */

:root {
  /* Brand */
  --sf-red: #E10018;
  --sf-red-dark: #B80014;
  --sf-red-glow: rgba(225, 0, 24, 0.15);

  /* Light mode (default) */
  --sf-bg: #FFFFFF;
  --sf-bg-alt: #F5F5F5;
  --sf-text: #323232;
  --sf-text-secondary: #666666;
  --sf-heading: #000000;
  --sf-border: #eaeaea;
  --sf-border-light: #eee;
  --sf-card-bg: #FFFFFF;
  --sf-header-bg: #FFFFFF;
  --sf-header-shadow: rgba(0, 0, 0, 0.08);
  --sf-logo-dot: #999;
  --sf-logo-text: #555;
  --sf-dropdown-bg: #FFFFFF;
  --sf-dropdown-hover: #F5F5F5;
  --sf-step-num: #D0D0D0;

  /* Typography */
  --sf-font-heading: "Roboto", sans-serif;
  --sf-font-body: "Ubuntu", sans-serif;
  --sf-font-weight-light: 300;
  --sf-font-weight-regular: 400;
  --sf-font-weight-medium: 500;
  --sf-font-weight-bold: 700;

  /* Spacing */
  --sf-section-padding: 88px 48px;
  --sf-section-padding-mobile: 56px 24px;
  --sf-container-max: 1080px;
  --sf-header-height: 100px;

  /* Radius */
  --sf-radius-sm: 4px;
  --sf-radius-md: 8px;
  --sf-radius-lg: 12px;

  /* Transitions */
  --sf-transition-fast: 0.2s ease;
  --sf-transition-base: 0.3s ease;
  --sf-transition-slow: 0.7s ease;
}

/* Dark mode removed. Light only. */