/* ===== BRANDING COLORS - NO LAYOUT RULES ===== */
/* This file contains ONLY color definitions and variables */

:root {
    /* Primary Brand Colors */
    --color-primary: #6040b8;
    --color-primary-dark: #5538a8;
    --color-primary-light: #7c52d0;
    
    /* Source Platform Colors */
    --color-jobalots: #ff6b35;
    --color-bargainfox: #28a745;
    --color-bstock: #1a4d7a;
    --color-gap: #2a9d8f;
    --color-ibidder: #ff6b35;
    --color-bidspotter: #2a9d8f;
    --color-ebay: #e53238;
    --color-allegro: #ff5a00;
    /* ATG / auction-tech (distinct from GAP teal for dual badges) */
    --color-atg: #5c4ba3;
    
    /* Semantic Colors */
    --color-success: #158c52;
    --color-success-light: #1f9d6d;
    --color-success-dark: #0f6b3d;
    
    --color-info: #11cdef;
    --color-info-dark: #0da5c0;
    
    --color-warning: #fb6340;
    --color-warning-dark: #fa3a0e;
    
    --color-danger: #f5365c;
    --color-danger-dark: #c92a4a;
    
    --color-purple: #6040b8;
    --color-teal: #20c997;
    --color-orange: #ff9900;
    --color-orange-dark: #e68a00;
    --color-yellow: #ff9800;
    
    /* Neutral Colors */
    --color-dark: #32325d;
    --color-text: #525f7f;
    --color-text-muted: #8898aa;
    --color-text-light: #adb5bd;
    
    --color-border: #e9ecef;
    --color-border-light: #f7fafc;
    
    --color-bg-light: #f8f9fa;
    --color-bg-white: #ffffff;
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #6040b8 0%, #7c52d0 100%);
    --gradient-success: linear-gradient(135deg, #158c52 0%, #1f9d6d 100%);
    --gradient-jobalots: linear-gradient(135deg, #e68a00 0%, #d96028 100%);
    --gradient-bargainfox: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    --gradient-inventory: linear-gradient(135deg, #2d7a4f 0%, #3d9963 100%);

    /* === UI refresh tokens (surfaces, type-adjacent colors, purple scale) === */
    --bg-dark: #0b0b12;
    --bg-dark-2: #12131a;
    --bg-page: #f7f7fb;
    --bg-page-soft: #faf9ff;
    --bg-surface: #ffffff;
    --bg-surface-soft: #fcfbff;
    --bg-surface-tint: #f8f5ff;

    --text-breadcrumb: #5f6680;
    --text-breadcrumb-active: #17152f;
    --border-breadcrumb: rgba(32, 24, 69, 0.08);

    --bg-hero: #ffffff;
    /* Original quote-card lavender — shared by page heroes and pull-quote panels */
    --lavender-soft-top: #f8f5ff;
    --lavender-soft-mid: #f6f3fc;
    --lavender-soft-bottom: #f4f1fb;
    --gradient-lavender-soft: linear-gradient(
        180deg,
        #f8f5ff 0%,
        #f4f1fb 100%
    );
    --gradient-hero-panel: var(--gradient-lavender-soft);

    --text-heading: #161327;
    --text-body: #5f6780;
    --text-body-strong: #4a536b;
    --text-inverse: #ffffff;
    --text-inverse-soft: rgba(255, 255, 255, 0.88);

    --border-soft: rgba(32, 24, 69, 0.08);
    --border-soft-2: rgba(32, 24, 69, 0.12);
    --border-purple-soft: rgba(111, 53, 245, 0.14);
    --border-purple-med: rgba(111, 53, 245, 0.24);

    /* Hero ramp: ~midway between ink-dark (#180f33 / #8f49ff) and app-lighter (#422c83 / #7538e5); app keeps the lighter end of the range */
    --purple-1: #2d1e5b;
    --purple-2: #3c1d7e;
    --purple-3: #6c31db;
    --purple-4: #8241f2;
    --gradient-hero: linear-gradient(135deg, var(--purple-1) 0%, var(--purple-2) 42%, var(--purple-3) 74%, var(--purple-4) 100%);
    --gradient-hero2: linear-gradient(135deg, var(--purple-2) 0%, var(--purple-3) 55%, var(--purple-4) 100%);

    --purple-accent: #6f35f5;
    --purple-accent-2: #5b34d6;
    --purple-accent-soft: #a78bfa;

    --shadow-card: 0 1px 3px rgba(14, 12, 34, 0.05), 0 10px 28px rgba(14, 12, 34, 0.09);
    --shadow-frame: inset 0 1px 0 rgba(255, 255, 255, 0.05);

    --radius-card: 24px;
    /* Rounded rectangle, not pill — reads calmer next to search field */
    --radius-button: 10px;
    --radius-menu: 16px;
}