/**
 * dyrect · Design Tokens · Lime Inverse
 * Quelle: dyrectmail.pen Variables + Screen Specs
 */

:root {
  /* —— Brand / Accent —— */
  --accent: #c8f542;
  --accent-hover: #d4ff5c;
  --accent-subtle: #f4fce3;
  --accent-fg: #111113;
  --accent-deep: #3f6212; /* active nav / emphasis on light */

  /* —— Surfaces —— */
  --bg: #ffffff;
  --bg-subtle: #fafafa;
  --bg-muted: #f4f4f5;
  --bg-page: #f4f4f5;
  --bg-header: #111113;
  --bg-sidebar: #fafafa;

  /* —— Text —— */
  --text-primary: #18181b;
  --text-secondary: #71717a;
  --text-muted: #a1a1aa;
  --text-on-dark: #fafafa;
  --text-on-accent: #111113;

  /* —— Borders —— */
  --border: #e4e4e7;
  --border-strong: #d4d4d8;

  /* —— Semantic —— */
  --destructive: #dc2626;
  --destructive-subtle: #fee2e2;
  --success: #15803d;
  --success-subtle: #dcfce7;
  --warning: #a16207;
  --warning-subtle: #fef9c3;
  --info: #1d4ed8;
  --info-subtle: #dbeafe;

  /* —— Radius —— */
  --radius-sm: 6px;   /* buttons, nav items, inputs */
  --radius-md: 8px;
  --radius-lg: 10px;  /* CTAs in header */
  --radius-card: 14px;
  --radius-screen: 16px;
  --radius-pill: 999px;

  /* —— Typography —— */
  --font-sans: "Space Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --text-display: 34px;
  --text-title: 28px;
  --text-heading: 18px;
  --text-body: 14px;
  --text-label: 13px;
  --text-caption: 12px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --tracking-tight: -0.6px;

  /* —— Layout —— */
  --screen-w: 1440px;
  --screen-h: 900px;
  --pad-header-y: 24px;
  --pad-header-x: 40px;
  --pad-header-bottom: 32px;
  --pad-body-y: 28px;
  --pad-body-x: 40px;
  --gap-sm: 8px;
  --gap-md: 16px;
  --gap-lg: 20px;
  --gap-xl: 28px;

  /* —— Control sizes —— */
  --btn-h: 36px;
  --badge-h: 24px;
  --nav-item-h: 36px;
  --icon-sm: 16px;
  --logo-mark: 32px;
}