/**
 * THEME: MINIMAL MONO
 * Puristisches Schwarz-Weiß Design mit reduzierten Akzenten
 */

:root {
  /* Primary Palette - Monochrome */
  --color-primary-900: #000000;
  --color-primary-800: #1a1a1a;
  --color-primary-700: #262626;
  --color-primary-600: #404040;
  --color-primary-500: #525252;

  --color-secondary-900: #171717;
  --color-secondary-800: #262626;
  --color-secondary-700: #404040;
  --color-secondary-600: #525252;
  --color-secondary-500: #737373;
  --color-secondary-400: #a3a3a3;
  --color-secondary-300: #d4d4d4;
  --color-secondary-200: #e5e5e5;
  --color-secondary-100: #f5f5f5;

  --color-accent-900: #18181b;
  --color-accent-800: #27272a;
  --color-accent-700: #3f3f46;
  --color-accent-600: #52525b;
  --color-accent-500: #71717a;
  --color-accent-400: #a1a1aa;
  --color-accent-300: #d4d4d8;

  --color-neutral-900: #09090b;
  --color-neutral-800: #18181b;
  --color-neutral-700: #27272a;
  --color-neutral-600: #3f3f46;
  --color-neutral-500: #71717a;
  --color-neutral-400: #d4d4d8;
  --color-neutral-300: #f4f4f5;
  --color-neutral-200: #fafafa;

  /* Semantic Colors */
  --color-background: #ffffff;
  --color-surface: #fafafa;
  --color-text-primary: #000000;
  --color-text-secondary: #404040;
  --color-text-muted: #737373;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #000000 0%, #404040 100%);
  --gradient-secondary: linear-gradient(135deg, #737373 0%, #525252 100%);
  --gradient-accent: linear-gradient(135deg, #a1a1aa 0%, #71717a 100%);
  --gradient-organic: linear-gradient(120deg, #000000 0%, #525252 50%, #d4d4d4 100%);

  /* Mesh Gradients */
  --mesh-hero:
    radial-gradient(at 27% 37%, hsla(0, 0%, 20%, 0.1) 0px, transparent 50%),
    radial-gradient(at 97% 21%, hsla(0, 0%, 10%, 0.08) 0px, transparent 50%),
    radial-gradient(at 52% 99%, hsla(0, 0%, 80%, 0.06) 0px, transparent 50%),
    radial-gradient(at 10% 29%, hsla(0, 0%, 5%, 0.12) 0px, transparent 50%),
    radial-gradient(at 97% 96%, hsla(0, 0%, 95%, 0.05) 0px, transparent 50%);

  /* Section Background Types */
  --background-primary: linear-gradient(150deg,
    rgba(0, 0, 0, 0.02) 0%,
    rgba(64, 64, 64, 0.03) 45%,
    rgba(0, 0, 0, 0.02) 100%
  );
  --background-primary-solid: #fafafa;

  --background-secondary: linear-gradient(145deg,
    rgba(115, 115, 115, 0.01) 0%,
    rgba(212, 212, 212, 0.02) 50%,
    rgba(255, 255, 255, 0.01) 100%
  );
  --background-secondary-solid: #ffffff;

  /* Component-specific (deprecated - use background-primary/secondary) */
  --hero-background: #fafafa;
  --feature-background: #ffffff;
  --highlight-background: var(--gradient-primary);
  --images-background: #f5f5f5;
  --text-background: var(--color-surface);
  --metrics-background: #f5f5f5;
  --faq-background: #fafafa;
  --gallery-background: #ffffff;
  --cta-background: var(--color-primary-900);
  --cta-text: #ffffff;

  --navbar-background: rgba(255, 255, 255, 0.95);
  --navbar-scrolled: rgba(255, 255, 255, 0.98);

  /* Footer Gradient - Pure Minimalism (architectural precision) */
  --footer-gradient:
    linear-gradient(150deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(13, 13, 13, 1) 50%,
      rgba(0, 0, 0, 1) 100%
    ),
    radial-gradient(ellipse at 30% 80%, rgba(64, 64, 64, 0.04) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 20%, rgba(115, 115, 115, 0.02) 0%, transparent 50%);
  --footer-background: var(--footer-gradient);
  --footer-text: #f5f5f5;
  --footer-link: #e5e5e5;
  --footer-link-hover: #ffffff;

  /* Theme Name */
  --theme-name: "Minimal Mono";
}