/* onta.core Design Tokens – julian-janssen.de
 * Basiert auf: segelmacherei-pollmann.julian-janssen.de (Referenz-Design)
 * Farbpalette: Tailwind Slate + Blue
 */
:root {
  /* Farben – Tailwind Blue + Slate */
  --color-primary:      #3B82F6;  /* blue-500 */
  --color-primary-dark: #2563EB;  /* blue-600, Hover */
  --color-secondary:    #1D4ED8;  /* blue-700 */
  --color-accent:       #3B82F6;

  --color-bg:           #FFFFFF;
  --color-bg-subtle:    #F8FAFC;  /* slate-50 */
  --color-surface:      #FFFFFF;

  --color-text:         #1E293B;  /* slate-800 */
  --color-text-muted:   #64748B;  /* slate-500 */
  --color-heading:      #0F172A;  /* slate-900 */

  --color-border:       #E2E8F0;  /* slate-200 */

  /* Typografie */
  --font-heading:       'Satoshi', ui-sans-serif, system-ui, sans-serif;
  --font-body:          'Satoshi', ui-sans-serif, system-ui, sans-serif;
  --font-mono:          'Red Hat Mono', ui-monospace, monospace;
  --font-size-base:     16px;

  /* Radius – Tailwind-Stil */
  --radius-sm:          4px;
  --radius-card:        16px;
  --radius-btn:         8px;

  /* Abstände */
  --spacing-section:    80px;

  /* Weiche Schatten (kein Neo-Brutalism) */
  --shadow-card:        0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);
  --shadow-card-hover:  0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
}