/**
 * File: /brand/idosigns/css/tokens.css
 * Purpose: IDoSigns brand-specific design tokens.
 *
 * Defines IDoSigns colors, surfaces, imagery, and other visual
 * values consumed by shared platform CSS components.
 *
 * This file must contain configuration values only.
 *
 * This file must not contain:
 * - Component layout
 * - Structural styling
 * - CSS selectors
 * - Application behavior
 */

 :root {
    /* ==========================================
       Primary Brand Colors
       ========================================== */

    --brand-primary: #b08d57;
    --brand-primary-hover: #967548;
    --brand-primary-soft: #b08d5782;

    --brand-secondary: #3c2f2f;


    /* ==========================================
       Accent Colors
       ========================================== */

    --brand-accent: #e3bc5c;
    --brand-accent-hover: #d4aa4f;

    --brand-selection: #880000;
    --brand-selection-shadow: rgba(43, 108, 176, 0.30);
    --brand-accent-shadow: rgba(212, 170, 79, 0.25);


    /* ==========================================
       Interactive Controls
       ========================================== */

    --brand-control-accent: #007185;
    --brand-quantity-border: #a7836e;


    /* ==========================================
       Brand Surfaces
       ========================================== */

    --brand-surface: #faf9f6;
    --brand-surface-soft: #fffaf0;

    --brand-navbar: #e3ddc7;
    --brand-footer: #3c2f2f;


    /* ==========================================
       Brand Text
       ========================================== */

    --brand-text-on-primary: #ffffff;

    --brand-text-accent: #72591f;
    --brand-text-accent-hover: #5c4516;


    /* ==========================================
       Customization Modal
       ========================================== */

    /*
     * These preserve the existing IDoSigns customization
     * appearance during the CSS architecture migration.
     *
     * They can be consolidated into the primary brand palette
     * later if the design is intentionally standardized.
     */

    --brand-modal-header: #95885d;
    --brand-modal-preview-background: #1c0e0b;


    /* ==========================================
       Brand Imagery
       ========================================== */

    --brand-page-background:
        url('/brand/idosigns/img/bg.jpg');

    --brand-inspiration-background:
        url('/brand/idosigns/img/collect_bg.jpg');
}