/* Solplaner Design-Tokens — eine Quelle für App (/app) und Website (Landings, Rechtsseiten). */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-5.3-latin-var.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --bg: #f6f7f9;
  --panel: #ffffff;
  --surface-2: #fafbfc;
  --border: #e6e8ec;
  --border-strong: #cfd4dc;
  --text: #101828;
  --text-2: #475467;
  --text-dim: #667085;
  --ink: #101828;

  --accent: #f59e0b;
  --accent-hover: #e88a00;
  --accent-strong: #d97706;
  --on-accent: #1c1206;
  --accent-tint: #fff7e8;
  --accent-ink: #92400e;
  --accent-ring: rgba(245, 158, 11, 0.3);

  --danger: #d92d20;
  --danger-tint: #fef3f2;
  --success: #079455;
  --success-tint: #ecfdf3;

  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-1: 0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.08), 0 2px 4px -2px rgba(16, 24, 40, 0.04);
  --shadow-2: 0 12px 24px -6px rgba(16, 24, 40, 0.12), 0 4px 8px -4px rgba(16, 24, 40, 0.06);
  --shadow-3: 0 24px 48px -12px rgba(16, 24, 40, 0.22);

  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;

  --font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}