/*
 * Proadign Dealer Engine — Global Styles
 *
 * Central design variables shared by all frontend components.
 * Add new variables here as the engine grows.
 */

:root {

	/* ==================================================
	   Brand Colors
	================================================== */

    --pde-color-primary: #18308a;
    --pde-color-primary-dark: #14266f;
    --pde-color-accent: #ff9900;
    --pde-color-section-accent: #18308a;


	/* ==================================================
	   Text Colors
	================================================== */

	--pde-color-text: #222222;
	--pde-color-heading: #111111;
	--pde-color-text-muted: #666666;
	--pde-color-text-light: #777777;
	--pde-color-white: #ffffff;


	/* ==================================================
	   Background Colors
	================================================== */

	--pde-color-background: #ffffff;
	--pde-color-background-soft: #f4f7fc;
	--pde-color-background-muted: #f5f7fa;


	/* ==================================================
	   Border Colors
	================================================== */

	--pde-color-border: #d9dfe7;
	--pde-color-border-light: #e3e6eb;
	--pde-color-border-input: #bfc6cf;


	/* ==================================================
	   Price and Action Colors
	================================================== */

	--pde-color-price: #c62828;
	--pde-color-link: #18308a;
	--pde-color-link-hover: #ff9900;


	/* ==================================================
	   Shape
	================================================== */

	--pde-radius-small: 6px;
	--pde-radius-medium: 10px;
	--pde-radius-pill: 999px;


	/* ==================================================
	   Focus
	================================================== */

	--pde-focus-ring: 0 0 0 3px rgba(24, 48, 138, 0.12);


    /* ==================================================
       Transitions
    ================================================== */
    
    --pde-transition-fast: 0.2s ease;


	/* ==================================================
	   Sticky Gallery
	================================================== */

	--pde-sticky-offset: 120px;


	/* ==================================================
	   Badge — Default / Available
	================================================== */

	--pde-badge-default-bg: #e3f7e8;
	--pde-badge-default-border: #28a745;
	--pde-badge-default-text: #1b5e20;


	/* ==================================================
	   Badge — New Arrival
	================================================== */

	--pde-badge-new-bg: #e6f2ff;
	--pde-badge-new-border: #0d6efd;
	--pde-badge-new-text: #0a58ca;


	/* ==================================================
	   Badge — Sale Pending
	================================================== */

	--pde-badge-pending-bg: #fff3cd;
	--pde-badge-pending-border: #d39e00;
	--pde-badge-pending-text: #856404;


	/* ==================================================
	   Badge — Just Reduced
	================================================== */

	--pde-badge-reduced-bg: #fdeaea;
	--pde-badge-reduced-border: #dc3545;
	--pde-badge-reduced-text: #a71d2a;


	/* ==================================================
	   Badge — Catalog
	================================================== */

	--pde-badge-catalog-bg: #efe8ff;
	--pde-badge-catalog-border: #6f42c1;
	--pde-badge-catalog-text: #5a32a3;


	/* ==================================================
	   Badge — Spokane
	================================================== */

	--pde-badge-spokane-bg: #fff0db;
	--pde-badge-spokane-border: #ff9900;
	--pde-badge-spokane-text: #b86a00;


	/* ==================================================
	   Badge — Sold
	================================================== */

	--pde-badge-sold-bg: #e9ecef;
	--pde-badge-sold-border: #6c757d;
	--pde-badge-sold-text: #495057;

}