/* ============================================================
   DTS — Danish Tech Startups · Design Tokens
   Canonical source of truth for the digital visual system.
   Imported locally from the dts-brand skill.
   ============================================================ */

:root {
  --dts-accent: #B2FF00;
  --dts-green: #9CC48A;
  --dts-green-soft: #91BC7F;
  --dts-green-deep: #5E7853;
  --dts-green-line: #658359;
  --dts-white: #F8F8F8;
  --dts-black: #1D201C;
  --dts-card-dark: #20271D;

  --dts-white-rgb: 248, 248, 248;
  --dts-black-rgb: 29, 32, 28;
  --dts-accent-rgb: 178, 255, 0;
  --dts-green-rgb: 156, 196, 138;

  --dts-grad-green-black: linear-gradient(135deg, var(--dts-green) 0%, var(--dts-black) 100%);
  --dts-grad-acid-black: linear-gradient(135deg, var(--dts-accent) 0%, var(--dts-black) 120%);
  --dts-grad-white-green: linear-gradient(180deg, var(--dts-white) 0%, var(--dts-green) 100%);
  --dts-glow-acid: radial-gradient(60% 60% at 12% 50%, rgba(178, 255, 0, 0.55), transparent 70%);
  --dts-glow-green: radial-gradient(70% 70% at 85% 20%, rgba(156, 196, 138, 0.65), transparent 70%);
  --dts-grad-type: linear-gradient(100deg, var(--dts-black) 0%, var(--dts-green) 60%, var(--dts-accent) 100%);

  --dts-chip-sm: 14px;
  --dts-chip-md: 22px;
  --dts-chip-lg: 34px;
  --dts-chip: polygon(0 0, calc(100% - var(--dts-chip-md)) 0, 100% var(--dts-chip-md), 100% 100%, 0 100%);

  --dts-font: "Inter", "Inter Tight", "Helvetica Neue", Arial, system-ui, sans-serif;

  --dts-text-hero: clamp(48px, 8vw, 120px);
  --dts-text-display: clamp(36px, 5.5vw, 84px);
  --dts-text-h1: clamp(30px, 4vw, 56px);
  --dts-text-h2: clamp(24px, 3vw, 38px);
  --dts-text-h3: 20px;
  --dts-text-body: 16px;
  --dts-text-label: 13px;
  --dts-text-meta: 11px;

  --dts-weight-regular: 400;
  --dts-weight-medium: 500;
  --dts-weight-bold: 700;
  --dts-weight-black: 900;

  --dts-track-tight: -0.03em;
  --dts-track-snug: -0.02em;
  --dts-track-wide: 0.08em;
  --dts-leading-tight: 0.88;
  --dts-leading-snug: 0.95;
  --dts-leading-normal: 1.5;

  --dts-space-2: 2px;
  --dts-space-4: 4px;
  --dts-space-8: 8px;
  --dts-space-12: 12px;
  --dts-space-16: 16px;
  --dts-space-20: 20px;
  --dts-space-24: 24px;
  --dts-space-32: 32px;
  --dts-space-40: 40px;
  --dts-space-64: 64px;
  --dts-space-96: 96px;

  --dts-glass-fill: linear-gradient(135deg, rgba(236, 237, 232, 0.22), rgba(210, 219, 201, 0.17));
  --dts-glass-blur: blur(12px);
  --dts-glass-line: 1px solid rgba(var(--dts-white-rgb), 0.35);

  --dts-motion-fast: 120ms;
  --dts-motion-base: 180ms;
  --dts-motion-slow: 280ms;
  --dts-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  --dts-radius-tag: 999px;
  --dts-radius-soft: 4px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dts-motion-fast: 0ms;
    --dts-motion-base: 0ms;
    --dts-motion-slow: 0ms;
  }
}