/* Setup.cloud — design tokens
   Palette and scale lifted from the prototype so the theme matches 1:1. */

:root {
	/* Dark surfaces (nav, hero, footer, dark panels) */
	--sc-dark:        #070d1e;
	--sc-panel:       #0f1b36;
	--sc-panel-2:     #123524;
	--sc-border-dk:   #24406e;
	--sc-border-dk-2: #1c2f52;
	--sc-on-dark:     #ffffff;
	--sc-on-dark-mut: #cdd8ec;
	--sc-on-dark-dim: #9fb0cc;
	--sc-on-dark-dim2:#6b7a95;

	/* Light surfaces (comparison, faq, cards) */
	--sc-bg:          #ffffff;
	--sc-bg-soft:     #f4f7fc;
	--sc-bg-field:    #f7f9fd;
	--sc-bg-chip:     #eef4ff;
	--sc-bg-chip-2:   #eaf1ff;

	/* Text */
	--sc-ink:         #0a1022;
	--sc-ink-2:       #3a4a63;
	--sc-muted:       #55627b;
	--sc-muted-2:     #7a8aa3;
	--sc-faint:       #9aa7bd;
	--sc-faint-2:     #b3bccb;

	/* Lines */
	--sc-line:        #e2e8f2;
	--sc-line-2:      #dbe3ee;
	--sc-line-3:      #e8edf5;

	/* Brand */
	--sc-blue:        #3b82f6;
	--sc-blue-ink:    #2f6bed;
	--sc-green:       #22a06b;
	--sc-green-ink:   #1c8a5a;
	--sc-green-bg:    #e5f6ee;
	--sc-purple:      #a78bfa;
	--sc-purple-ink:  #7c3aed;
	--sc-purple-bg:   #f3edff;
	--sc-red-ink:     #c7562f;

	/* Radii */
	--sc-r-sm: 9px;
	--sc-r:    12px;
	--sc-r-lg: 16px;
	--sc-r-xl: 20px;

	/* Shadows */
	--sc-shadow-card:  0 4px 14px rgba(15,39,69,.05);
	--sc-shadow-lift:  0 16px 40px rgba(15,39,69,.10);
	--sc-shadow-best:  0 20px 50px rgba(47,107,237,.16);
	--sc-shadow-blue:  0 10px 24px rgba(59,130,246,.30);

	/* Layout */
	--sc-max: 1200px;
	--sc-nav-h: 64px;

	--sc-font: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}