/*
 * Taiyo Corporation — Design Tokens
 * Single source of truth for theme colors.
 * Paleta baseada no logo: azul (Taiyo) + vermelho (sol).
 * Edite este arquivo para trocar o tema em todo o portal.
 */

:root {
    /* Brand — Taiyo Blue (letras + onda do logo) */
    --brand:     #1e5fa8;
    --brand-50:  #eff6ff;
    --brand-100: #dbeafe;
    --brand-300: #93c5fd;
    --brand-500: #1e5fa8;
    --brand-600: #1a5490;
    --brand-700: #134069;

    /* Accent — Taiyo Red (sol do logo) */
    --accent:       #d72c1c;
    --accent-light: #fca5a5;
    --accent-dark:  #b91c1c;

    /* Neutral surfaces (admin light theme) */
    --bg:             #f7f8fa;
    --surface:        #ffffff;
    --surface-2:      #f1f5f9;
    --border:         #e5e7eb;
    --border-strong:  #d1d5db;

    /* Dark surfaces (login / portal / iframe loader) */
    --surface-bg:     #0b1220;
    --surface-bg-2:   #131b2e;
    --surface-card:   rgba(255,255,255,0.04);
    --surface-border: rgba(255,255,255,0.08);

    /* Text scale */
    --text:        #0f172a;
    --text-muted:  #64748b;
    --text-soft:   #94a3b8;

    /* Sidebar (admin) */
    --sidebar-bg:         #0b1220;
    --sidebar-bg-2:       #131b2e;
    --sidebar-text:       #cbd5e1;
    --sidebar-text-muted: #64748b;
    --sidebar-active:     #1e5fa8;

    /* States */
    --success:    #10b981;
    --success-bg: #d1fae5;
    --danger:     #ef4444;
    --danger-bg:  #fee2e2;
    --warning:    #f59e0b;
    --warning-bg: #fef3c7;
    --info:       #3b82f6;
    --info-bg:    #dbeafe;

    /* Shadow */
    --shadow-sm:        0 1px 2px rgba(15,23,42,0.04);
    --shadow:           0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);
    --shadow-md:        0 4px 12px rgba(15,23,42,0.06), 0 2px 4px rgba(15,23,42,0.04);
    --shadow-lg:        0 12px 32px rgba(15,23,42,0.10), 0 4px 8px rgba(15,23,42,0.04);
    --shadow-cta:       0 8px 22px rgba(30,95,168,0.35);
    --shadow-cta-hover: 0 10px 28px rgba(30,95,168,0.45);
    --shadow-accent:    0 8px 24px rgba(215,44,28,0.40);

    /* Layout */
    --sidebar-w: 248px;
    --radius-sm: 6px;
    --radius:    10px;
    --radius-lg: 14px;
    --radius-xl: 20px;

    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
}
