/**
 * FlowArt store — checkout-aligned design tokens
 * Source of truth: cart-checkout-fai.css /checkout visual language
 * Loaded site-wide on shopfront only (head partial). Do not use in admin.
 */
:root {
  /* Brand palette (checkout) */
  --cs-brand: #770830;
  --cs-brand-deep: #8c0032;
  --cs-brand-hover: #5c0626;
  --cs-brand-soft: #fff5f7;
  --cs-brand-mid: #a33a5c;
  --cs-brand-pill: #e8a0b0;
  --cs-secondary: #ac0b46;

  /* Surfaces & text */
  --cs-text: #1e293b;
  --cs-text-body: #222222;
  --cs-text-muted: #64748b;
  --cs-border: #e2e8f0;
  --cs-border-strong: #e8e8e8;
  --cs-bg: #ffffff;
  --cs-bg-muted: #f3f4f6;
  --cs-danger: #c41e3a;
  --cs-success: #166534;

  /* Shape (checkout CTAs / cards) */
  --cs-radius-sm: 8px;
  --cs-radius: 10px;
  --cs-radius-lg: 12px;
  --cs-radius-xl: 14px;
  --cs-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.03);
  --cs-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.04);

  /* Typography — store keeps Poppins; system stack alias for cro-like micro UI */
  --cs-font-body: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --cs-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Bridge existing Flatsome/Shell token */
  --primary-color: var(--cs-brand);

  /* CRO block aliases (cart upsell) */
  --cro-primary: var(--cs-brand-deep);
  --cro-primary-light: var(--cs-brand-soft);
  --cro-border: var(--cs-border);
  --cro-text: var(--cs-text);
  --cro-text-light: var(--cs-text-muted);
  --cro-bg: var(--cs-bg);
}