/*
 * MINT Lab — Shared CSS Design Tokens
 *
 * Single source of truth for color, typography, and spacing tokens.
 * Import this file at the top of any page-specific stylesheet.
 *
 * Directory structure:
 *   web/        — Landing page, admin tool, legal pages served by main web server
 *   nginx/      — AGB + Datenschutz pages served by Express (LEGAL_STATIC_DIR)
 *
 * Both folders import this token file for consistency.
 */

:root {
  /* Brand */
  --color-accent:       #007AFF;
  --color-accent-dark:  #0056CC;
  --color-success:      #34C759;
  --color-warning:      #FF9500;
  --color-danger:       #FF3B30;

  /* Light mode */
  --color-bg:           #FAFAFA;
  --color-bg-card:      #FFFFFF;
  --color-text:         #0A0A0A;
  --color-text-muted:   #6B6B6B;
  --color-border:       #E8E8E8;

  /* Typography */
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-size-base: 16px;
  --line-height-body: 1.7;

  /* Layout */
  --radius:     12px;
  --radius-sm:  8px;
  --max-width:  860px;
  --shadow:     0 4px 16px rgba(0, 0, 0, 0.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg:         #0D0D0D;
    --color-bg-card:    #1A1A1A;
    --color-text:       #F0F0F0;
    --color-text-muted: #888888;
    --color-border:     #2A2A2A;
    --shadow:           0 4px 16px rgba(0, 0, 0, 0.35);
  }
}

/* Base reset (shared across all pages) */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
  color: var(--color-text);
  background: var(--color-bg);
}
a { color: var(--color-accent); text-decoration: none; }
a:hover { text-decoration: underline; }