/*
 * Tend Brand Tokens — Single Source of Truth
 *
 * These values define the Tend visual identity.
 * The app (src/lib/constants.ts) mirrors these values inline.
 * If you change a color here, update constants.ts to match.
 *
 * App accent in dark mode: --color-accent (#818cf8)
 * App accent in light mode: --color-accent-base (#6366f1)
 */

:root {
  /* === Backgrounds === */
  --color-bg:          #0c1222;  /* app: C.bg */
  --color-surface:     #162032;  /* app: C.cd */
  --color-surface-alt: #1e3050;  /* app: C.hv */

  /* === Borders === */
  --color-border:      #1e3a5f;  /* app: C.bd */

  /* === Text === */
  --color-text:        #e8edf5;  /* app: C.tx */
  --color-text-muted:  #8ba3c7;  /* app: C.tm */
  --color-text-dim:    #506882;  /* app: C.td */

  /* === Accent (primary brand color) === */
  --color-accent:      #818cf8;  /* app dark mode accent */
  --color-accent-base: #6366f1;  /* app light mode accent */
  --color-accent-bg:   rgba(129, 140, 248, 0.15); /* app: C.ab */

  /* === Gradient (marketing use) === */
  --gradient-primary: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);

  /* === Semantic === */
  --color-success:     #34d399;  /* app: C.su */
  --color-warning:     #fbbf24;  /* app: C.wn */
  --color-danger:      #f87171;  /* app: C.dn */

  /* === Typography === */
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* === Radius === */
  --radius-sm:  8px;
  --radius-md: 12px;
  --radius-lg: 16px;
}