/**
 * AMEPRES Tools V2 — design tokens.
 *
 * This file is intentionally independent from the configurable V1 token set.
 * It defines the approved visual baseline for the V2 frontend. Runtime mapping
 * of existing FileSeller branding values belongs to Hauptschritt 5.
 *
 * @since AMEPRES Tools V2 design system
 */

:root {
  color-scheme: dark;

  /* Brand and surfaces */
  --at2-ink-950: #050b10;
  --at2-ink-900: #071119;
  --at2-ink-850: #0a1720;
  --at2-ink-800: #0e1d27;
  --at2-ink-750: #132630;
  --at2-paper-50: #f3f7f6;
  --at2-paper-100: #e5eeec;
  --at2-paper-300: #b4c6c5;
  --at2-paper-500: #829797;

  /* Technical signal and AMEPRES bridge */
  --at2-cyan-300: #79e8f3;
  --at2-cyan-400: #42d4e5;
  --at2-cyan-500: #19b9cc;
  --at2-blue-400: #6d96ff;
  --at2-blue-500: #4f78f4;
  --at2-copper-400: #f2a066;
  --at2-copper-500: #df7d3f;

  /* Semantic */
  --at2-success: #58d49b;
  --at2-warning: #f2c467;
  --at2-danger: #ff7e89;
  --at2-info: var(--at2-cyan-300);

  /* Semantic aliases */
  --at2-bg: var(--at2-ink-950);
  --at2-bg-elevated: var(--at2-ink-900);
  --at2-surface: rgba(14, 29, 39, 0.88);
  --at2-surface-strong: rgba(19, 38, 48, 0.96);
  --at2-surface-soft: rgba(121, 232, 243, 0.045);
  --at2-text: var(--at2-paper-50);
  --at2-text-soft: var(--at2-paper-300);
  --at2-text-dim: var(--at2-paper-500);
  --at2-primary: var(--at2-cyan-400);
  --at2-primary-hover: var(--at2-cyan-300);
  --at2-on-primary: #041014;
  --at2-accent: var(--at2-copper-400);
  --at2-line: rgba(180, 198, 197, 0.16);
  --at2-line-strong: rgba(121, 232, 243, 0.34);
  --at2-line-warm: rgba(242, 160, 102, 0.36);
  --at2-focus: #9af2fa;

  /* Typography */
  --at2-font-sans: "Segoe UI Variable", "Aptos", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --at2-font-editorial: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --at2-font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --at2-step--1: clamp(0.82rem, 0.79rem + 0.12vw, 0.9rem);
  --at2-step-0: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --at2-step-1: clamp(1.2rem, 1.08rem + 0.48vw, 1.5rem);
  --at2-step-2: clamp(1.48rem, 1.24rem + 0.9vw, 2.05rem);
  --at2-step-3: clamp(1.9rem, 1.48rem + 1.55vw, 2.9rem);
  --at2-step-4: clamp(2.55rem, 1.76rem + 2.85vw, 4.85rem);
  --at2-leading-tight: 1.02;
  --at2-leading-heading: 1.12;
  --at2-leading-body: 1.68;
  --at2-tracking-tight: -0.035em;
  --at2-tracking-wide: 0.12em;

  /* Spacing: 4px base rhythm */
  --at2-space-1: 0.25rem;
  --at2-space-2: 0.5rem;
  --at2-space-3: 0.75rem;
  --at2-space-4: 1rem;
  --at2-space-5: 1.25rem;
  --at2-space-6: 1.5rem;
  --at2-space-8: 2rem;
  --at2-space-10: 2.5rem;
  --at2-space-12: 3rem;
  --at2-space-16: 4rem;
  --at2-space-20: 5rem;
  --at2-space-24: 6rem;
  --at2-section-space: clamp(4.5rem, 8vw, 8.5rem);

  /* Layout */
  --at2-content-wide: 80rem;
  --at2-content-reading: 46rem;
  --at2-gutter: clamp(1rem, 3vw, 2.5rem);
  --at2-grid-gap: clamp(1rem, 2vw, 1.75rem);

  /* Shape and depth */
  --at2-radius-sm: 0.65rem;
  --at2-radius-md: 1rem;
  --at2-radius-lg: 1.45rem;
  --at2-radius-xl: 2rem;
  --at2-radius-pill: 999px;
  --at2-shadow-sm: 0 0.8rem 2rem rgba(0, 0, 0, 0.18);
  --at2-shadow-lg: 0 2rem 5rem rgba(0, 0, 0, 0.38);
  --at2-glow-cyan: 0 0 3rem rgba(66, 212, 229, 0.16);
  --at2-glow-copper: 0 0 3rem rgba(242, 160, 102, 0.13);

  /* Motion */
  --at2-ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --at2-duration-fast: 160ms;
  --at2-duration-standard: 260ms;
  --at2-duration-slow: 720ms;
}