/*
Theme Name: VMG
Theme URI: https://vitamediagroup.com/
Description: Custom VMG child theme based on Voxel. Playground for the vitamediagroup.com rebuild.
Author: Vita Media Group
Author URI: https://vitamediagroup.com/
Template: voxel
Version: 0.1.0
Text Domain: vmg
*/

/* =========================================================================
   VMG Design Tokens
   Derived from the VitaSmart Cloud visual language:
   pearl/cream backgrounds, 3D chrome forms, blue→teal gradient accent,
   crisp dark typography, clean rounded cards.
   ========================================================================= */

:root {
	/* Surface */
	--vmg-bg:              #F4F1EC;   /* pearl/cream base */
	--vmg-bg-elev:         #FFFFFF;   /* card / elevated surface */
	--vmg-bg-muted:        #EDEAE4;   /* subtle section break */
	--vmg-chrome:          #E6E1D9;   /* pearlescent highlight */

	/* Ink */
	--vmg-ink:             #0B1220;   /* primary text, near-black */
	--vmg-ink-2:           #2A2F3A;   /* secondary text */
	--vmg-ink-3:           #6B7280;   /* tertiary / captions */
	--vmg-ink-invert:      #FFFFFF;

	/* Brand accents */
	--vmg-accent:          #2B1EA8;   /* deep indigo (VitaSmart "CLOUD" pill) */
	--vmg-accent-2:        #1FB5C8;   /* teal */
	--vmg-accent-gradient: linear-gradient(90deg, #2B1EA8 0%, #1FB5C8 100%);

	/* State */
	--vmg-success:         #16A34A;
	--vmg-warning:         #F59E0B;
	--vmg-danger:          #DC2626;

	/* Border & shadow */
	--vmg-border:          rgba(11, 18, 32, 0.08);
	--vmg-border-strong:   rgba(11, 18, 32, 0.16);
	--vmg-shadow-sm:       0 1px 2px rgba(11, 18, 32, 0.04);
	--vmg-shadow-md:       0 8px 24px rgba(11, 18, 32, 0.08);
	--vmg-shadow-lg:       0 24px 60px rgba(11, 18, 32, 0.12);

	/* Radius */
	--vmg-radius-sm:       8px;
	--vmg-radius-md:       14px;
	--vmg-radius-lg:       22px;
	--vmg-radius-pill:     999px;

	/* Type */
	--vmg-font-sans:       "Inter", "Helvetica Neue", Arial, sans-serif;
	--vmg-font-display:    "Inter", "Helvetica Neue", Arial, sans-serif;
	--vmg-font-mono:       ui-monospace, "SF Mono", Menlo, monospace;

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

	/* Motion */
	--vmg-ease:            cubic-bezier(0.2, 0.8, 0.2, 1);
	--vmg-dur-fast:        140ms;
	--vmg-dur-med:         240ms;
	--vmg-dur-slow:        480ms;
}

/* Utility helper — gradient text for headings/accents */
.vmg-gradient-text {
	background: var(--vmg-accent-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}