/**
 * getfound.now — Design Tokens
 * Light theme design system. Import before global.css.
 */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&display=swap');

:root {

  /* ── Colors ── */

  --ink:         #0F1117;
  --slate:       #4A5168;
  --muted:       #8C93A8;
  --border:      #E4E7EC;
  --surface:     #F7F8FA;
  --white:       #FFFFFF;
  --blue:        #2563EB;

  /* Functional aliases */
  --color-text:        var(--ink);
  --color-text-secondary: var(--slate);
  --color-text-muted:  var(--muted);
  --color-bg:          var(--white);
  --color-bg-alt:      var(--surface);
  --color-border:      var(--border);
  --color-action:      var(--blue);

  /* Status */
  --green:       #16A34A;
  --green-light: rgba(22, 163, 74, 0.08);
  --red:         #DC2626;
  --red-light:   rgba(220, 38, 38, 0.08);
  --blue-light:  rgba(37, 99, 235, 0.06);
  --blue-border: rgba(37, 99, 235, 0.18);

  /* ── Typography ── */

  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;

  /* Type scale: size / weight / letter-spacing */
  --text-display:       64px;
  --text-display-weight: 700;
  --text-display-ls:    -3px;

  --text-page-title:       40px;
  --text-page-title-weight: 700;
  --text-page-title-ls:    -1.5px;

  --text-section:       22px;
  --text-section-weight: 700;
  --text-section-ls:    -0.8px;

  --text-card-title:       18px;
  --text-card-title-weight: 500;
  --text-card-title-ls:    -0.4px;

  --text-body:          15px;
  --text-body-weight:   400;
  --text-body-ls:       -0.1px;
  --text-body-lh:       1.7;

  --text-small:         13px;
  --text-small-weight:  400;
  --text-small-lh:      1.6;

  --text-label:         11px;
  --text-label-weight:  500;
  --text-label-ls:      0.08em;

  --text-mono:          12px;

  /* Font weights */
  --weight-bold:     700;
  --weight-medium:   500;
  --weight-regular:  400;

  /* ── Spacing ── */

  --spacing-page-x:    48px;
  --spacing-page-x-sm: 24px;
  --spacing-section:   64px;
  --spacing-card:      24px;
  --spacing-gap:       16px;

  /* ── Layout ── */

  --border-radius:    2px;
  --border-width:     1px;

  --nav-height:       56px;
  --sidebar-width:    300px;
  --filter-width:     220px;

  /* ── Transitions ── */

  --transition-fast:  0.12s ease;
  --transition-base:  0.18s ease;
}