/* =============================================================================
   1MZ Admin — Design Tokens (design-tokens.css)
   -----------------------------------------------------------------------------
   Fonte única de verdade para cores, tipografia, espaçamento e sombras.
   Carregado antes de frontend.css, artist-dashboard.css e artista-card.css.

   Temas:
   • Dark (padrão do site) — definido em :root.
   • Light — ativo dentro do Painel do Artista via .artist-dashboard[data-theme="light"].
   • Os cards de artista (artista-card.css) têm uma paleta Material Design 3
     própria e auto-contida que já responde a prefers-color-scheme e a
     [data-theme="dark"] — não precisam de aliases aqui.
   ============================================================================= */

:root {
    /* === Tema Dark — 1MZ For Artists === */
    --imz-color-primary:          #ffffff;
    --imz-color-primary-dark:     #cccccc;
    --imz-color-secondary:        #888888;
    --imz-color-accent:           #ffffff;
    --imz-color-danger:           #888888;
    --imz-color-warning:          #888888;
    --imz-color-success:          #ffffff;
    --imz-color-dark:             #0a0a0a;

    /* Texto */
    --imz-color-text:             #ffffff;
    --imz-color-text-light:       #888888;
    --imz-color-text-inverted:    #000000;

    /* Fundos */
    --imz-color-background:       #141414;
    --imz-color-background-soft:  #1a1a1a;

    /* Bordas */
    --imz-border-color:           #2a2a2a;

    /* Tipografia */
    --imz-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --imz-font-size-base: 16px;
    --imz-font-size-sm: 0.875rem;
    --imz-font-size-lg: 1.125rem;

    /* Espaçamento */
    --imz-spacing-sm: 8px;
    --imz-spacing-md: 16px;
    --imz-spacing-lg: 24px;
    --imz-spacing-xl: 32px;

    /* Outros */
    --imz-border-radius: 10px;
    --imz-box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* =============================================================================
   TEMA LIGHT — Painel do Artista
   (substitui o antigo applyTheme() do artist-dashboard.js, que aplicava
   estes valores inline em :root via JavaScript)
   ============================================================================= */

.artist-dashboard[data-theme="light"] {
    --imz-color-primary:          #111827;
    --imz-color-primary-dark:     #1f2937;
    --imz-color-secondary:        #6b7280;
    --imz-color-text:             #111827;
    --imz-color-text-light:       #6b7280;
    --imz-color-text-inverted:    #ffffff;
    --imz-color-background:       #f9fafb;
    --imz-color-background-soft:  #ffffff;
    --imz-border-color:           #e5e7eb;
    --imz-color-dark:             #f3f4f6;
    --imz-box-shadow:             0 4px 16px rgba(0,0,0,0.08);
}
