@charset "UTF-8";
/* ============================================================
   Pindu design tokens — SINGLE SOURCE for all CSS custom properties.
   PHP mirror: config/pindu-tokens.php
   Reference:  pindu/styles.css (:root lines 7–61)

   Import this file from app.scss; compile _lw-pindu-tokens.scss standalone for
   marketing/auth pages (public/dist/css/lw-pindu-tokens.css).
   Dark-mode flip lives in _lw-pindu-tokens-dark.scss.
   ============================================================ */
:root {
  /* Brand — Pindu --accent / --accent-* */
  --lw-primary-color: oklch(0.64 0.13 158);
  --lw-primary-strong-color: oklch(0.56 0.14 158);
  --lw-primary-soft-color: oklch(0.95 0.035 158);
  --lw-primary-softer-color: oklch(0.975 0.018 158);
  --lw-primary-ink-color: oklch(0.42 0.10 158);
  --lw-accent: var(--lw-primary-color);
  --lw-accent-strong: var(--lw-primary-strong-color);
  --lw-accent-soft: var(--lw-primary-soft-color);
  --lw-accent-softer: var(--lw-primary-softer-color);
  --lw-accent-ink: var(--lw-primary-ink-color);
  --lw-success-color: var(--lw-primary-color);
  --lw-success-soft-color: var(--lw-primary-soft-color);
  /* Surfaces — Pindu --bg / --surface* */
  --lw-app-bg-color: oklch(0.985 0.003 120);
  --lw-surface-color: oklch(1 0 0);
  --lw-surface-2-color: oklch(0.984 0.003 120);
  --lw-surface-muted-color: oklch(0.97 0.004 120);
  --lw-border-color: oklch(0.918 0.004 120);
  --lw-border-strong-color: oklch(0.86 0.005 120);
  /* Text — Pindu --ink* */
  --lw-text-color: oklch(0.27 0.012 150);
  --lw-text-secondary-color: oklch(0.46 0.012 150);
  --lw-text-muted-color: oklch(0.62 0.012 150);
  --lw-text-disabled-color: oklch(0.74 0.008 150);
  /* Status — Pindu --amber / --red / --blue / --violet */
  --lw-warning-color: oklch(0.78 0.13 75);
  --lw-warning-soft-color: oklch(0.955 0.04 75);
  --lw-warning-ink-color: oklch(0.5 0.12 70);
  --lw-danger-color: oklch(0.62 0.18 22);
  --lw-danger-soft-color: oklch(0.955 0.03 22);
  --lw-info-color: oklch(0.62 0.12 245);
  --lw-info-soft-color: oklch(0.955 0.03 245);
  --lw-violet-color: oklch(0.6 0.14 290);
  --lw-violet-soft-color: oklch(0.955 0.03 290);
  /* Shadows — Pindu --shadow-* (exact) */
  --lw-shadow-sm: 0 1px 2px oklch(0.4 0.02 150 / 0.05),
                  0 1px 3px oklch(0.4 0.02 150 / 0.04);
  --lw-shadow-md: 0 2px 8px oklch(0.4 0.02 150 / 0.06),
                  0 4px 16px oklch(0.4 0.02 150 / 0.05);
  --lw-shadow-lg: 0 8px 30px oklch(0.4 0.02 150 / 0.12),
                  0 2px 8px oklch(0.4 0.02 150 / 0.06);
  /* Radius — Pindu --r-* */
  --lw-r-xs: 8px;
  --lw-r-sm: 10px;
  --lw-r-md: 14px;
  --lw-r-lg: 18px;
  --lw-r-xl: 24px;
  --lw-r-pill: 999px;
  --lw-pindu-radius: var(--lw-r-lg);
  --lw-pindu-radius-sm: var(--lw-r-sm);
  /* Spacing — Pindu --pad / --gap */
  --lw-pad: 22px;
  --lw-gap: 18px;
  /* Typography — Pindu --font / --mono */
  --lw-font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --lw-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
  /* Layout — Pindu --sidebar-w / --topbar-h */
  --lw-sb-w: 248px;
  --lw-sb-w-collapsed: 76px;
  --lw-topbar-h: 64px;
  --lw-modal-w-sm: 380px;
  --lw-modal-w-md: 560px;
  --lw-modal-w-lg: 800px;
  --lw-modal-w-details: 480px;
  --lw-modal-w: var(--lw-modal-w-md);
  /* Outer SaaS / auth — alias Pindu accent (no separate teal/green hex) */
  --lw-saas-primary: var(--lw-primary-color);
  --lw-saas-pill-primary-bg: var(--lw-primary-color);
  --lw-saas-pill-primary-hover: var(--lw-primary-strong-color);
  /* Interaction — Pindu hover / focus / active (styles.css) */
  --lw-hover-surface: var(--lw-surface-muted-color);
  --lw-hover-border: var(--lw-border-strong-color);
  --lw-hover-primary: var(--lw-primary-strong-color);
  --lw-hover-primary-soft: var(--lw-primary-softer-color);
  --lw-active-nav-bg: var(--lw-primary-soft-color);
  --lw-active-nav-color: var(--lw-primary-ink-color);
  --lw-table-row-hover: var(--lw-surface-2-color);
  --lw-focus-border: var(--lw-primary-color);
  --lw-focus-ring: var(--lw-primary-soft-color);
  --lw-link-hover: var(--lw-primary-strong-color);
  /* Universal — shared light/dark (dark flips in _lw-pindu-tokens-dark.scss) */
  --lw-white-color: #fff;
  --lw-black-color: #000;
  /* Table action buttons — compact pills in every list page */
  --lw-table-action-gap: 6px;
  --lw-table-action-btn-padding: 5px 10px;
  --lw-table-action-btn-font-size: 12.5px;
  --lw-table-action-default-bg: var(--lw-surface-color);
  --lw-table-action-default-border: var(--lw-border-color);
  --lw-table-action-default-color: var(--lw-text-color);
  --lw-table-action-light-bg: var(--lw-surface-muted-color);
  --lw-table-action-light-border: transparent;
  --lw-table-action-light-color: var(--lw-text-color);
  /* Confirm dialog — Yes / No (cancel must contrast with white modal) */
  --lw-swal-cancel-bg: var(--lw-border-color);
  --lw-swal-cancel-hover-bg: var(--lw-border-strong-color);
  /* Switchery toggle — off track adapts via --lw-surface-muted-color in dark flip */
  --lw-switchery-on-bg: var(--lw-primary-color);
  --lw-switchery-off-bg: var(--lw-surface-muted-color);
  --lw-switchery-off-border: var(--lw-border-color);
  --lw-switchery-knob-bg: var(--lw-white-color);
  --lw-switchery-knob-shadow: 0 1px 3px oklch(0 0 0 / 0.22);
  /* Bordered panels / callouts — white fill (not grey surface-2) */
  --lw-pindu-panel-bg: var(--lw-surface-color);
  /* WhatsApp phone preview — campaign wizard & template editor */
  --lw-wa-preview-header-bg: #075e54;
  --lw-wa-preview-header-text: #fff;
  --lw-wa-preview-chat-bg: #f1e9df;
  --lw-wa-preview-chat-bg-image: url("../../imgs/wa-message-bg-faded.png");
  --lw-wa-preview-avatar-bg: #dfe5e7;
  --lw-wa-preview-avatar-color: #8696a0;
  --lw-wa-preview-bubble-bg: #fff;
  --lw-wa-preview-bubble-shadow: 0 1px 0.5px oklch(0.15 0.02 200 / 0.13);
  --lw-wa-preview-text: #111b21;
  --lw-wa-preview-muted: #667781;
  --lw-wa-preview-meta: #8696a0;
  --lw-wa-preview-link: #027eb5;
  --lw-wa-preview-today-bg: oklch(0.92 0.01 220 / 0.92);
  --lw-wa-preview-today-text: #54656f;
  --lw-wa-preview-composer-field-bg: #fff;
  --lw-wa-preview-composer-field-border: oklch(0 0 0 / 0.04);
  --lw-wa-preview-composer-icon: #54656f;
  --lw-wa-preview-composer-mic: #00a884;
  --lw-wa-preview-var: #075e54;
  --lw-wa-preview-var-chip-bg: #fff3b0;
  --lw-wa-preview-var-chip-text: #8a6d00;
  --lw-wa-preview-scrollbar: oklch(0.15 0.02 200 / 0.28);
  --lw-wa-preview-location-meta-bg: #fff;
  --lw-wa-preview-location-meta-border: oklch(0.15 0.02 200 / 0.06);
  --lw-wa-preview-location-map-bg: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 48%, #93c5fd 100%);
  --lw-wa-preview-location-map-color: #1d4ed8;
}

/*# sourceMappingURL=lw-pindu-tokens.css.map */