/* woo/_variables.css — tokens globais (CSS custom properties).
   Base do design system "dlv2". Carrega antes das demais parciais
   (registrado como dependência em functions.php). */

/* =====================================================================
   1. VARIÁVEIS GLOBAIS
   ===================================================================== */
:root {

    /* ---- Base / neutros ---- */
    --dlv2-bg: #ffffff;
    --dlv2-surface: #FDFDFD;
    --dlv2-text: #3a3a3a;
    --dlv2-muted: #6b6b6b;
    --dlv2-border: #E8E6E1;
    --dlv2-border-md: #c8c8c8;
    --dlv2-radius: 10px;
    --dlv2-radius-sm: 6px;
    --border-thumb: #ddd;
    --box-shadow-card: #DBDAD7;

    /* Aliases usados por nomes antigos nos templates (mantidos por compatibilidade) */
    --background-card: var(--dlv2-surface);
    --background-card-my-account: var(--dlv2-bg);
    --border-card: var(--dlv2-border);
    --border-card-hover: #C9C8C7;
    --order-title: var(--dlv2-text);

    /* ---- Cor de marca / destaque ---- */
    --primary: #37ABF5;
    --dlv2-link: var(--primary);
    --order-info-title: var(--primary);
    --color-menu-title: var(--primary);

    /* ---- Identidade de pedido ---- */
    --order-number-color: #FA8072;
    --card-title: var(--order-number-color);
    --color-icon-is-actived: var(--order-number-color);
    --order-date-color: #888;
    --color-text-menu-is-actived: #3DD044;

    /* =====================================================================
       STATUS DE PEDIDO (usado em orders.php e view-order.php)
       ===================================================================== */
    --status-completed-bg: #E0FFDE;
    --status-completed-border: #3DD044;
    --status-completed-text: var(--status-completed-border);

    --status-processing-bg: #FCE1AB;
    --status-processing-border: #9a6700;
    --status-processing-text: var(--status-processing-border);

    --status-pending-bg: #FFBAB5;
    --status-pending-border: #b42318;
    --status-pending-text: var(--status-pending-border);

    --status-cancelled-bg: #CCCCCC;
    --status-cancelled-border: #5E5E5E;
    --status-cancelled-text: var(--status-cancelled-border);

    /* =====================================================================
       BOTÕES DE AÇÃO (zip/download = verde | preview/ver = azul)
       Reaproveitado por: order-downloads.php, view-order.php,
       form-edit-account.php (save), form-edit-address.php (save)
       ===================================================================== */
    --dlv2-zip-bg: #3DD044;
    --dlv2-zip-border: #3DD044;
    --dlv2-zip-text: #FFF;
    --dlv2-zip-bg-hover: #3AC441;
    --dlv2-zip-border-hover: #3AC441;
    --dlv2-zip-text-hover: #FFF;

    --dlv2-prev-bg: var(--primary);
    --dlv2-prev-border: var(--primary);
    --dlv2-prev-text: #FFF;
    --dlv2-prev-bg-hover: #36A1E3;
    --dlv2-prev-border-hover: #36A1E3;
    --dlv2-prev-text-hover: #FFF;

    /* aliases: os botões "salvar" dos formulários usam a mesma cor do zip */
    --button-save-bg: var(--dlv2-zip-bg);
    --button-save-border: var(--dlv2-zip-border);
    --button-save-text: var(--dlv2-zip-text);
    --button-save-bg-hover: var(--dlv2-zip-bg-hover);
    --button-save-border-hover: var(--dlv2-zip-border-hover);
    --button-save-text-hover: var(--dlv2-zip-text-hover);

    /* botão "editar" (my-address.php) - cor coral própria */
    --button-edit-bg: var(--order-number-color);
    --button-edit-border: var(--order-number-color);
    --button-edit-text: #FFF;
    --button-edit-bg-hover: #EB796C;
    --button-edit-border-hover: #EB796C;
    --button-edit-text-hover: #FFF;

    /* =====================================================================
       BADGES (cupom, avisos, itens)
       ===================================================================== */
    --badge-bg: #E0FFDE;
    --badge-border: #3DD044;
    --badge-text: #3DD044;

    --dlv2-badge-bg: #EAF3DE;
    --dlv2-badge-border: #C0DD97;
    --dlv2-badge-text: #27500A;
    --dlv2-badge-dot: #3B6D11;

    --coupon-badge-bg: #FEF0E1;
    --coupon-badge-border: var(--primary);
    --coupon-badge-color: var(--primary);

    /* =====================================================================
       LISTA DE PEDIDOS (orders.php) e TOTAIS
       ===================================================================== */
    --order-numbers-items-bg: #F5F5F5;
    --order-numbers-items-color: var(--order-date-color);

    --order-total-bg: #FFFCDE;
    --order-total-color: #BA9E37;

    --product-total-bg: #D6D6D6;
    --product-total-color: #858585;
    --order-products-total-bg: var(--product-total-bg);
    --order-products-total-color: var(--product-total-color);

    /* ---- Paginação ---- */
    --bg-button-pagination-selected: #EBEBEB;

    /* ---- Item de produto em formato lista (order-details.php / order-downloads.php) ---- */
    --border-item-card: #e4e4e4;

    /* =====================================================================
       LINKS / CONTATO
       ===================================================================== */
    --link-email: #3DD044;
    --link-email-hover: #2DA333;
    --download-folder-title: #5C5C5C;

    /* =====================================================================
       NAVEGAÇÃO (navigation.php / my-account.php)
       ===================================================================== */
    --background-menu-title: #EBFBFF;
    --border-menu-title: #C2E8FC;
    --color-text-menu: #888;
    --color-icon-menu: #444;
    --background-menu-hover: #FBFBFB;
    --background-menu-is-actived: #F3FFF2;
}