/**
 * Variables CSS personnalisables du plugin Thai News Hub.
 *
 * Tous les couleurs et tokens visuels sont définis ici sous :root.
 * Pour personnaliser le thème, surchargez ces variables dans votre
 * thème enfant ou via le Customizer WordPress.
 */

:root {
    /* Couleurs principales */
    --tnh-color-primary:        #1a73e8;
    --tnh-color-primary-hover:  #1557b0;
    --tnh-color-accent:         #ff6b35;
    --tnh-color-text:           #1f2937;
    --tnh-color-text-muted:     #6b7280;
    --tnh-color-bg:             #ffffff;
    --tnh-color-bg-alt:         #f9fafb;
    --tnh-color-border:         #e5e7eb;
    --tnh-color-card-bg:        #ffffff;
    --tnh-color-card-shadow:    rgba(0, 0, 0, 0.06);

    /* Couleurs d'importance */
    --tnh-color-urgent:         #dc2626;
    --tnh-color-important:      #ea580c;
    --tnh-color-information:    #2563eb;
    --tnh-color-pratique:       #16a34a;
    --tnh-color-mineur:         #6b7280;

    /* Typographie */
    --tnh-font-family:          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --tnh-font-size-base:       15px;
    --tnh-font-size-sm:         13px;
    --tnh-font-size-lg:         18px;
    --tnh-line-height:          1.55;

    /* Espacements */
    --tnh-spacing-xs:           4px;
    --tnh-spacing-sm:           8px;
    --tnh-spacing-md:           16px;
    --tnh-spacing-lg:           24px;
    --tnh-spacing-xl:           32px;

    /* Rayons */
    --tnh-radius-sm:            4px;
    --tnh-radius-md:            8px;
    --tnh-radius-lg:            12px;

    /* Transitions */
    --tnh-transition-fast:      0.15s ease;
    --tnh-transition-base:      0.25s ease;
}

/* Mode sombre automatique */
@media (prefers-color-scheme: dark) {
    :root {
        --tnh-color-text:           #f3f4f6;
        --tnh-color-text-muted:     #9ca3af;
        --tnh-color-bg:             #111827;
        --tnh-color-bg-alt:         #1f2937;
        --tnh-color-border:         #374151;
        --tnh-color-card-bg:        #1f2937;
        --tnh-color-card-shadow:    rgba(0, 0, 0, 0.4);
    }
}

/* Mode sombre forcé via classe */
.tnh-dark-mode {
    --tnh-color-text:           #f3f4f6;
    --tnh-color-text-muted:     #9ca3af;
    --tnh-color-bg:             #111827;
    --tnh-color-bg-alt:         #1f2937;
    --tnh-color-border:         #374151;
    --tnh-color-card-bg:        #1f2937;
    --tnh-color-card-shadow:    rgba(0, 0, 0, 0.4);
}