/* ==========================================================================
   THEME — PlaceFit  (PROVISIONAL / scaffold)
   PlaceFit is MuscularFit's sister B2B platform (connects manufacturers,
   distributors, transporters & resellers). It shares this system's component
   architecture but gets its OWN identity. This is a starting proposal, NOT a
   finalized brand — see readme "Multi-brand".

   Grounding: the current PlaceFit app (github.com/leoinfame/placefit) is a
   Base44 / shadcn build on a neutral grayscale + Inter. Here we give it a
   distinct, ecosystem-tied identity: teal-forward primary (echoing
   MuscularFit's accent), cool neutrals, amber for value/price.

   Usage: wrap a subtree in <div data-brand="placefit"> … </div>.
   ========================================================================== */
[data-brand="placefit"] {
  /* ---- Brand primary (teal — platform signal) ---- */
  --ds-primary: #0c5f6d;
  --ds-primary-hover: #0f7383;
  --ds-primary-tint: #e6f2f4;
  --ds-primary-rgb: 12, 95, 109; /* @kind other */

  /* ---- Accent (amber — value / highlights) ---- */
  --ds-accent: #d97a34;
  --ds-accent-tint: #fdf1e7;
  --ds-price: var(--ds-accent);

  /* ---- Type (shares the ecosystem faces for now) ---- */
  --ds-font-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --ds-font-body: "Inter", system-ui, sans-serif;

  /* ---- Neutrals (cooler, app-oriented) ---- */
  --ds-ink: #0f172a;
  --ds-gray-900: #1e293b;
  --ds-gray-700: #475569;
  --ds-gray-500: #94a3b8;
  --ds-gray-300: #cbd5e1;
  --ds-gray-100: #f1f5f9;
  --ds-gray-50: #f8fafc;
  --ds-white: #ffffff;

  /* ---- Semantic text / surface / border ---- */
  --ds-text: var(--ds-ink);
  --ds-text-body: var(--ds-gray-700);
  --ds-text-muted: var(--ds-gray-500);
  --ds-text-on-dark: var(--ds-white);

  --ds-surface: var(--ds-white);
  --ds-surface-sunken: var(--ds-gray-50);
  --ds-surface-dark: var(--ds-ink);
  --ds-surface-darker: var(--ds-gray-900);

  --ds-border: rgba(15, 23, 42, 0.08);
  --ds-border-strong: rgba(15, 23, 42, 0.14);
  --ds-border-input: var(--ds-gray-300);
  --ds-border-on-dark: rgba(255, 255, 255, 0.10);

  /* ---- Status ---- */
  --ds-success: #16a34a;
  --ds-whatsapp: #25d366;

  /* ---- Brand-tinted elevation ---- */
  --ds-primary-glow: rgba(var(--ds-primary-rgb), 0.22);
  --ds-primary-glow-soft: rgba(var(--ds-primary-rgb), 0.10);
  --ds-shadow-cta: 0 8px 24px var(--ds-primary-glow);
  --ds-shadow-float: 0 4px 20px rgba(37, 211, 102, 0.40);
}