/* ═══ KIRYOKU DESIGN TOKENS ═══ */
/* Designsprache verbindlich seit 25.09.2026 */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/inter-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/inter-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/inter-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/inter-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/inter-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/roboto-500.woff2') format('woff2');
}

:root {
  /* Farbsystem: Farbverlauf Dunkelrot zu Normal-Rot */
  --kd-darkred: #7f1d1d;
  --kd-midred: #b91c1c;
  --kd-red: #dc2626;
  --kd-brightred: #ef4444;
  --kd-red-glow: rgba(220, 38, 38, .45);
  --kd-darkred-glow: rgba(127, 29, 29, .35);
  --kd-gradient-red: linear-gradient(135deg, #7f1d1d 0%, #dc2626 100%);
  --kd-gradient-red-hover: linear-gradient(135deg, #991b1b 0%, #ef4444 100%);
  --kd-text-gradient-red: linear-gradient(135deg, #b91c1c 0%, #dc2626 45%, #ef4444 100%);

  --kd-red-light: rgba(220, 38, 38, .12);
  --kd-red-border: rgba(220, 38, 38, .25);
  --kd-bg: #07070a;
  --kd-text: #f3f4f6;
  --kd-text-sec: #9ca3af;
  --kd-text-ter: #6b7280;

  /* Gemeinsame Tokens der freigegebenen Website-Designsprache */
  --kd-text-body: #e5e7eb;
  --kd-text-strong: #ffffff;
  --kd-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01)), rgba(14, 14, 20, .78);
  --kd-card-border: rgba(255, 255, 255, .09);
  --kd-card-shadow: 0 24px 50px -15px rgba(0, 0, 0, .75), inset 0 1px 0 rgba(255, 255, 255, .12);
  --kd-r-card: 28px;
  --kd-r-media: 16px;
  --kd-divider: rgba(255, 255, 255, .08);
  --kd-badge-red-bg: rgba(220, 38, 38, .25);
  --kd-badge-red-border: rgba(220, 38, 38, .4);
  --kd-badge-red-text: #fca5a5;
  --kd-success: #34d399;
  --kd-warning: #fcd34d;
  --kd-info: #60a5fa;
  --kd-danger: #f87171;
  --kd-card-glow: radial-gradient(circle, rgba(220, 38, 38, .18) 0%, rgba(127, 29, 29, .06) 50%, transparent 70%);
  --kd-button-shadow: 0 0 20px -3px rgba(220, 38, 38, .55), inset 0 1px 0 rgba(255, 255, 255, .25);
  --kd-white-04: rgba(255, 255, 255, .04);
  --kd-white-06: rgba(255, 255, 255, .06);
  --kd-white-12: rgba(255, 255, 255, .12);
  --kd-white-15: rgba(255, 255, 255, .15);
  --kd-white-24: rgba(255, 255, 255, .24);
  --kd-surface-input: rgba(255, 255, 255, .04);
  --kd-table-head: rgba(127, 29, 29, .25);

  --kd-color-86efac: #86efac;
  --kd-color-15803d: #15803d;
  --kd-color-22c55e: #22c55e;
  --kd-color-181822: #181822;
  --kd-color-161820: #161820;
  --kd-color-cbd5e1: #cbd5e1;
  --kd-color-93c5fd: #93c5fd;
  --kd-color-6ee7b7: #6ee7b7;
  --kd-color-fca5a5: #fca5a5;
  --kd-color-4ade80: #4ade80;
  --kd-color-facc15: #facc15;
  --kd-color-141419: #141419;
  --kd-color-1a1c23: #1a1c23;
  --kd-color-f59e0b: #f59e0b;
  --kd-color-3b82f6: #3b82f6;
  --kd-color-1f2937: #1f2937;
  --kd-color-374151: #374151;
  --kd-color-d1d5db: #d1d5db;
  --kd-color-1e2029: #1e2029;
  --kd-color-e2e8f0: #e2e8f0;
  --kd-color-0b0c10: #0b0c10;

  /* Palette-Varianten */
  --kd-white-a7: rgba(255, 255, 255, 0.7);
  --kd-rgb-14-14-20-a85: rgba(14, 14, 20, 0.85);
  --kd-white-a08: rgba(255, 255, 255, 0.08);
  --kd-black-a5: rgba(0, 0, 0, 0.5);
  --kd-white-a5: rgba(255, 255, 255, 0.5);
  --kd-white-a95: rgba(255, 255, 255, 0.95);
  --kd-white-a75: rgba(255, 255, 255, 0.75);
  --kd-white-a06: rgba(255, 255, 255, 0.06);
  --kd-white-a12: rgba(255, 255, 255, 0.12);
  --kd-white-a03: rgba(255, 255, 255, 0.03);
  --kd-white-a07: rgba(255, 255, 255, 0.07);
  --kd-white-a05: rgba(255, 255, 255, 0.05);
  --kd-white-a6: rgba(255, 255, 255, 0.6);
  --kd-white-a18: rgba(255, 255, 255, 0.18);
  --kd-white-a9: rgba(255, 255, 255, 0.9);
  --kd-black-a3: rgba(0, 0, 0, 0.3);
  --kd-white-a15: rgba(255, 255, 255, 0.15);
  --kd-black-a75: rgba(0, 0, 0, 0.75);
  --kd-rgb-14-14-20-a95: rgba(14, 14, 20, 0.95);
  --kd-black-a8: rgba(0, 0, 0, 0.8);
  --kd-white-a8: rgba(255, 255, 255, 0.8);
  --kd-white-a4: rgba(255, 255, 255, 0.4);
  --kd-white-a2: rgba(255, 255, 255, 0.2);
  --kd-white-a45: rgba(255, 255, 255, 0.45);
  --kd-white-a85: rgba(255, 255, 255, 0.85);
  --kd-red-a25: rgba(220, 38, 38, 0.25);
  --kd-red-a15: rgba(220, 38, 38, 0.15);
  --kd-red-a4: rgba(220, 38, 38, 0.4);
  --kd-white-a65: rgba(255, 255, 255, 0.65);
  --kd-white-a1: rgba(255, 255, 255, 0.1);
  --kd-red-a08: rgba(220, 38, 38, 0.08);
  --kd-red-a35: rgba(220, 38, 38, 0.35);
  --kd-rgb-7-7-10-a75: rgba(7, 7, 10, 0.75);
  --kd-black-a4: rgba(0, 0, 0, 0.4);
  --kd-rgb-18-18-24-a75: rgba(18, 18, 24, 0.75);
  --kd-brightred-a15: rgba(239, 68, 68, 0.15);
  --kd-brightred-a3: rgba(239, 68, 68, 0.3);
  --kd-white-a04: rgba(255, 255, 255, 0.04);
  --kd-red-a6: rgba(220, 38, 38, 0.6);
  --kd-brightred-a2: rgba(239, 68, 68, 0.2);
  --kd-white-a55: rgba(255, 255, 255, 0.55);
  --kd-red-a2: rgba(220, 38, 38, 0.2);
  --kd-rgb-20-22-30-a85: rgba(20, 22, 30, 0.85);
  --kd-white-a02: rgba(255, 255, 255, 0.02);
  --kd-rgb-22-24-32-a95: rgba(22, 24, 32, 0.95);
  --kd-rgb-20-22-30-a8: rgba(20, 22, 30, 0.8);
  --kd-red-a3: rgba(220, 38, 38, 0.3);
  --kd-brightred-a25: rgba(239, 68, 68, 0.25);
  --kd-rgb-30-34-48-a9: rgba(30, 34, 48, 0.9);
  --kd-rgb-22-24-32-a8: rgba(22, 24, 32, 0.8);
  --kd-rgb-22-24-32-a7: rgba(22, 24, 32, 0.7);
  --kd-rgb-22-24-32-a9: rgba(22, 24, 32, 0.9);
  --kd-brightred-a03: rgba(239, 68, 68, 0.03);
  --kd-black-a35: rgba(0, 0, 0, 0.35);
  --kd-black-a2: rgba(0, 0, 0, 0.2);
  --kd-white-a3: rgba(255, 255, 255, 0.3);

  /* Glasmorphismus */
  --kd-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%), rgba(14, 14, 20, 0.72);
  --kd-glass-border: rgba(255, 255, 255, 0.09);
  --kd-glass-blur: 24px;
  --kd-glass-dark: rgba(14, 14, 20, 0.85);
  --kd-glass-dark-border: rgba(220, 38, 38, 0.25);
  --kd-glass-highlight: linear-gradient(135deg, rgba(70, 12, 18, 0.85) 0%, rgba(22, 11, 15, 0.8) 100%);
  --kd-glass-highlight-border: rgba(220, 38, 38, 0.35);

  --kd-r: 20px;
  --kd-r-sm: 12px;
  --kd-r-pill: 99px;
  --kd-heading: 'Inter', system-ui, -apple-system, sans-serif;
  --kd-body: 'Roboto', system-ui, -apple-system, sans-serif;
  --kd-max: 1400px;
  --kd-footer-bg: rgba(7, 7, 10, 0.95);
  --kd-header-bottom: 72px;
}