/* ==========================================================================
   Sync4DR Design System -- Design Tokens
   Single source of truth for colour, type, spacing, radius, shadow and
   transition values shared by Styles/base.css and Styles/components.css.
   Added for the UI revamp (2026); does not touch the legacy 2014-era
   Styles/layout.css, forms.css, navi.css or tables.css files.
   ========================================================================== */

:root {
  /* Brand (Sync4DR's own identity) */
  --s4-red: #C80000;
  --s4-red-dark: #A00000;
  --s4-red-light: #FDECEC;

  /* Text */
  --s4-text: #333333;
  --s4-text-muted: #666666;
  --s4-text-subtle: #999999;

  /* Surfaces / chrome */
  --s4-bg: #FFFFFF;
  --s4-surface: #F9F9F9;
  --s4-surface-alt: #F0F0F0;
  --s4-border: #E2E5EB;

  /* Semantic -- danger is a deliberately different red from the brand red
     so destructive actions stay visually distinguishable from brand accents */
  --s4-success: #4CAF50;
  --s4-warning: #F39C12;
  --s4-danger: #C0392B;
  --s4-info: #194E95;

  /* Typography */
  --font-heading: 'Space Grotesk', Arial, Helvetica, sans-serif;
  --font-body: 'DM Sans', Arial, Helvetica, sans-serif;

  --fs-xs: .72rem;
  --fs-sm: .82rem;
  --fs-base: .9rem;
  --fs-md: 1rem;
  --fs-lg: 1.05rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.6rem;
  --fs-3xl: 2.4rem;

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

  --lh-tight: 1.15;
  --lh-snug: 1.25;
  --lh-base: 1.6;
  --lh-relaxed: 1.7;

  /* Spacing (4px scale) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Radii */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.12);

  /* Transitions */
  --dur-fast: .15s;
  --dur-base: .3s;
}