/* Cal.com — Color tokens
   Near-monochrome brand: white canvas, black CTAs, light-gray cards, dark footer.
   Accent blue + badge pastels appear rarely (links, avatars, product chrome). */

:root {
  /* --- Brand / Action --- */
  --color-primary: #111111;          /* primary CTAs, h1/h2 type */
  --color-primary-active: #242424;   /* pressed state */
  --color-primary-disabled: #e5e7eb; /* disabled button fill */

  /* --- Text --- */
  --color-ink: #111111;        /* headlines, primary text */
  --color-body: #374151;       /* running text */
  --color-muted: #6b7280;      /* secondary text */
  --color-muted-soft: #898989; /* tertiary, fine-print */
  --color-on-primary: #ffffff; /* text on primary button */
  --color-on-dark: #ffffff;    /* text on dark footer */
  --color-on-dark-soft: #a1a1aa; /* footer body / link rows */

  /* --- Surfaces --- */
  --color-canvas: #ffffff;             /* default page floor */
  --color-surface-soft: #f8f9fa;       /* nav-pill-group bg, soft dividers */
  --color-surface-card: #f5f5f5;       /* feature/testimonial/pricing cards */
  --color-surface-strong: #e5e7eb;     /* hairline alt, disabled bg */
  --color-surface-dark: #101010;       /* footer + featured pricing tier */
  --color-surface-dark-elevated: #1a1a1a; /* nested cards on dark */

  /* --- Hairlines --- */
  --color-hairline: #e5e7eb;       /* 1px borders on light surfaces */
  --color-hairline-soft: #f3f4f6;  /* barely-visible section dividers */

  /* --- Accent (used sparingly) --- */
  --color-brand-accent: #3b82f6;   /* inline links, customer-story highlight */

  /* --- Badge pastels (avatars, category tags, product chrome) --- */
  --color-badge-orange: #fb923c;
  --color-badge-pink: #ec4899;
  --color-badge-violet: #8b5cf6;
  --color-badge-emerald: #34d399;

  /* --- Semantic --- */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
}