/* ============================================================
   AI Bartering — design tokens
   Derived directly from assets/logo.svg's own gradient stops
   (#FFB8C6 -> #FF0033) and its small blue "AI" glyph (#00A6FF,
   kept as a rare, deliberate accent — never the primary color,
   so it stays legible as "the AI part" instead of competing with
   the brand pink for attention).
   White base, pink accented — nothing else drives the palette.
   ============================================================ */

:root {
  /* base */
  --bg: #ffffff;
  --surface: #fff8f9;              /* faint warm-white for cards — barely-there pink tint, not grey */
  --surface-raised: #ffffff;

  /* ink — near-black with a whisper of the accent hue, not flat grey */
  --ink: #1a0e10;
  --ink-soft: #7a5a5f;
  --ink-faint: #b99ba0;

  --line: #f4dde1;
  --line-strong: #f0c3cc;

  /* brand accent — exact logo gradient stops */
  --accent-light: #ffb8c6;
  --accent: #ff0033;
  --accent-gradient: linear-gradient(180deg, #ffb8c6 0%, #ff0033 100%);
  --accent-wash: #fff0f2;          /* light accent for badges/highlighted rows */
  --on-accent: #ffffff;            /* text color placed on top of --accent */

  /* the logo's own secondary mark color — reserved for AI-attribution only */
  --accent-ai: #00a6ff;
  --accent-ai-wash: #e8f7ff;

  /* semantic — deliberately distinct from brand pink so a real error/success
     state never gets lost in ordinary brand-colored UI chrome */
  --success: #1a7f37;
  --success-wash: #eafaf0;
  --danger: #c8102e;
  --danger-wash: #fdecee;

  --font: 'Fustat', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;

  --shadow-card: 0 1px 2px rgba(26, 14, 16, 0.04), 0 4px 16px rgba(255, 0, 51, 0.06);
}