/*
Theme Name:   OPLIVO
Theme URI:    https://oplivo.app
Description:  Bespoke, front-end-only application theme for OPLIVO — the operating system for frontline businesses. Contains no business logic; all data comes from the oplivo-core plugin's REST API.
Author:       OPLIVO
Version:      0.1.0-phase1
Text Domain:  oplivo-theme
*/

/* -------------------------------------------------------------------------
 * Design tokens — swappable later (spec §29/§45) without touching layout
 * markup. Kept intentionally distinct from a "default WordPress theme"
 * aesthetic: calm, spacious, confident, mobile-first.
 * ---------------------------------------------------------------------- */

:root {
	--oplivo-color-bg:            #f5f6f8;
	--oplivo-color-surface:       #ffffff;
	--oplivo-color-surface-alt:   #eef1f6;
	--oplivo-color-border:        #e2e5eb;
	--oplivo-color-text:          #14213d;
	--oplivo-color-text-muted:    #5b6472;
	--oplivo-color-primary:       #2145ff;
	--oplivo-color-primary-dark:  #1a34c9;
	--oplivo-color-accent:        #ff5a3c;
	--oplivo-color-success:       #1c9e6e;
	--oplivo-color-warning:       #d98c00;
	--oplivo-color-danger:        #d92b2b;

	--oplivo-radius-sm:  8px;
	--oplivo-radius-md:  14px;
	--oplivo-radius-lg:  22px;
	--oplivo-radius-pill: 999px;

	--oplivo-space-1: 4px;
	--oplivo-space-2: 8px;
	--oplivo-space-3: 12px;
	--oplivo-space-4: 16px;
	--oplivo-space-5: 24px;
	--oplivo-space-6: 32px;

	--oplivo-font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--oplivo-nav-height: 64px;
	--oplivo-header-height: 56px;

	--oplivo-shadow-sm: 0 1px 2px rgba(20, 33, 61, 0.06);
	--oplivo-shadow-md: 0 6px 20px rgba(20, 33, 61, 0.08);
}