/* ==========================================================================
   DeshipOS Elementor Widgets — Shared design tokens.
   Every widget stylesheet depends on this file.
   ========================================================================== */

:root {
	/* Brand palette — DeshiPOS green */
	--dew-brand:           #16A34A;
	--dew-brand-strong:    #15803D;
	--dew-brand-soft:      rgba(22, 163, 74, .12);
	--dew-brand-gradient:  linear-gradient(135deg, #16A34A 0%, #22C55E 100%);
	--dew-accent:          #22C55E;

	/* Surfaces */
	--dew-bg:              #FFFFFF;
	--dew-surface:         #F8FAFC;
	--dew-surface-2:       #F1F5F9;
	--dew-divider:         #E2E8F0;
	--dew-border-strong:   #CBD5E1;

	/* Text */
	--dew-ink:             #0F172A;
	--dew-text:            #1E293B;
	--dew-muted:           #475569;
	--dew-faint:           #94A3B8;

	/* Effects */
	--dew-shadow-sm:       0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);
	--dew-shadow-md:       0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .06);
	--dew-shadow-lg:       0 10px 25px -5px rgba(15, 23, 42, .10), 0 8px 10px -6px rgba(15, 23, 42, .08);
	--dew-shadow-brand-sm: 0 4px 12px rgba(37, 99, 235, .25);
	--dew-shadow-brand-md: 0 8px 20px rgba(37, 99, 235, .32);
	--dew-ring:            0 0 0 3px rgba(37, 99, 235, .35);

	/* Spacing scale (8px base) */
	--dew-space-1: 4px;
	--dew-space-2: 8px;
	--dew-space-3: 12px;
	--dew-space-4: 16px;
	--dew-space-5: 20px;
	--dew-space-6: 24px;
	--dew-space-8: 32px;
	--dew-space-10: 40px;

	/* Motion */
	--dew-dur-fast:  120ms;
	--dew-dur-base:  220ms;
	--dew-dur-slow:  360ms;
	--dew-ease-out:  cubic-bezier(.16, 1, .3, 1);
	--dew-ease-in-out: cubic-bezier(.45, 0, .55, 1);

	/* Typography helpers */
	--dew-tracking-tight: -.01em;
	--dew-tracking-snug:  -.005em;
}