:root {

	 /*=========================
	 BRANDING
	 ===========================*/
	 --primary-color: #d4af37;
	 --primary-color-soft: #EBDDAA;
	 --secondary-color: orange;

     /*=========================
	 BORDERS
	 ===========================*/
	 --border: #D6E4F5;
	 --hard-border: #b8c4d6;

	 /*=========================
	 TEXT
	 ===========================*/
	 --text-color: #1E293B;
	 --text-color-muted: #64748b;
	 --text-color-light: #94a3b8;
	 --text-color-inverse: #ffffff;

	 /*=========================
	 STATUS
	 ===========================*/
	 --success-color: #16a34a;
	 --success-color-soft: #dcfce7;

	 --warning-color: #f59e0b;
	 --warning-color-soft: #fef3c7;

	 --danger-color: #dc2626;
	 --danger-color-soft: #fee2e2;

	 --info-color: #0ea5e9;
	 --info-color-soft: #e0f2fe;

	 /*=========================
	 NEUTRAL ACTIONS
	 ===========================*/
	 --cancel-color: #6b7280;
	 --cancel-color-hover: #4b5563;

	 --disabled-color: #cbd5e1;
	 --disabled-color-text: #94a3b8;

	 /*=========================
	 OVERLAYS
	 ===========================*/
	 --backdrop-color: rgba(15,23,42,.5);

     /*=========================
	 miscellaneous
	 ===========================*/
	 --box-shadow:
         0 1px 2px rgba(0,0,0,.04),
         0 8px 24px rgba(15,23,42,.06);
     --transition:.2s ease;
}