/*!
 * Rydeo Driver — shared design system
 * Loaded before driver-admin.css / driver-dashboard.css / wizard.css.
 * Every other stylesheet consumes these custom properties so the whole
 * plugin (admin + frontend + wizard) reads as one coherent product.
 */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
	/* Ink / neutrals */
	--rydeo-ink:            #101827;
	--rydeo-ink-soft:       #1F2A44;
	--rydeo-body:           #45506B;
	--rydeo-muted:          #7C8698;
	--rydeo-line:           #E7E9F1;
	--rydeo-line-soft:      #F0F1F6;
	--rydeo-bg:             #F5F6FA;
	--rydeo-surface:        #FFFFFF;

	/* Brand — deep, editorial red with a navy counterweight */
	--rydeo-primary:        #FE0000;
	--rydeo-primary-dark:   #C40000;
	--rydeo-primary-light:  #FFEAEA;
	--rydeo-primary-grad:   linear-gradient(135deg,#FF3333 0%,#E00000 100%);
	--rydeo-navy:           #101B33;
	--rydeo-navy-soft:      #1B2A4A;
	--rydeo-gold:           #B7862E;
	--rydeo-gold-bg:        #FBF2E1;

	/* Status */
	--rydeo-success:        #12875B;
	--rydeo-success-bg:     #E6F6EE;
	--rydeo-warning:        #B4650A;
	--rydeo-warning-bg:     #FFF3DF;
	--rydeo-danger:         var(--rydeo-primary);
	--rydeo-danger-bg:      var(--rydeo-primary-light);
	--rydeo-info:           #2054C4;
	--rydeo-info-bg:        #EAF0FE;

	/* Type */
	--rydeo-font-heading:   'Sora', 'Segoe UI', Roboto, Arial, sans-serif;
	--rydeo-font-body:      'Inter', 'Segoe UI', Roboto, Arial, sans-serif;

	/* Shape */
	--rydeo-radius-sm:      10px;
	--rydeo-radius:         16px;
	--rydeo-radius-lg:      22px;
	--rydeo-radius-pill:    999px;

	/* Elevation */
	--rydeo-shadow-sm:      0 1px 2px rgba(16,24,39,.05);
	--rydeo-shadow:         0 10px 28px -14px rgba(16,24,39,.16);
	--rydeo-shadow-lg:      0 26px 54px -22px rgba(16,24,39,.28);

	/* Motion */
	--rydeo-ease:           cubic-bezier(.4,0,.2,1);
}

/* Utility classes shared across admin, dashboard and wizard screens */
.rydeo-badge{
	display:inline-flex;align-items:center;gap:5px;
	padding:5px 12px;border-radius:var(--rydeo-radius-pill);
	font-family:var(--rydeo-font-body);font-size:12px;font-weight:600;
	letter-spacing:.01em;white-space:nowrap;
	background:var(--rydeo-line-soft);color:var(--rydeo-body);
}
.rydeo-badge.is-success{ background:var(--rydeo-success-bg); color:var(--rydeo-success); }
.rydeo-badge.is-warning{ background:var(--rydeo-warning-bg); color:var(--rydeo-warning); }
.rydeo-badge.is-danger{  background:var(--rydeo-danger-bg);  color:var(--rydeo-danger); }
.rydeo-badge.is-info{    background:var(--rydeo-info-bg);    color:var(--rydeo-info); }
.rydeo-badge.is-gold{    background:var(--rydeo-gold-bg);    color:var(--rydeo-gold); }