/*
 * Trapezoid Labs — Design Tokens
 * Dark, mono, dense. Single source of truth for the engine.
 */

:root {
  /* Backgrounds (deep -> elevated) */
  --color-bg:             #0e1014;
  --color-surface:        #14171c;
  --color-surface-2:      #1a1e24;
  --color-border:         #262a30;
  --color-border-strong:  #3a3f47;

  /* Text */
  --color-text:           #e6e6ea;
  --color-text-muted:     #8a8d94;
  --color-text-subtle:    #5a5d63;

  /* Maroon accent (single brand color) */
  --color-accent:         #8b1d2f;
  --color-accent-hover:   #a82540;
  --color-accent-bg:      rgba(139, 29, 47, 0.15);
  --color-accent-border:  rgba(139, 29, 47, 0.4);

  /* Status (dark-mode muted) */
  --color-success:        #4a9b5d;
  --color-warning:        #c08540;
  --color-danger:         #c84444;
  --color-info:           #5a8db8;

  /* Back-compat aliases (legacy class names still reference these) */
  --color-brand:          var(--color-accent);
  --color-brand-light:    var(--color-accent-hover);
  --color-brand-accent:   var(--color-accent);

  /* Spacing scale */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Typography */
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: var(--font-mono);
  --text-xs:   0.6875rem;  /* 11px */
  --text-sm:   0.75rem;    /* 12px */
  --text-base: 0.8125rem;  /* 13px */
  --text-lg:   1rem;       /* 16px */
  --text-xl:   1.125rem;
  --text-2xl:  1.375rem;

  /* Border radius (square-ish) */
  --radius-sm: 0;
  --radius:    2px;
  --radius-lg: 4px;
  --radius-xl: 6px;

  /* Shadows (mostly disabled in dark theme; hairlines do the work) */
  --shadow-sm: none;
  --shadow:    none;
  --shadow-md: 0 2px 8px rgb(0 0 0 / 0.4);
}