/* Paleta de KinesioGoya: tonos cálidos de su tarjeta (amarillo, naranja, óxido).
   Redefine las variables --at-* de app.css; se carga después (ClinicProfile:ThemeCssUrl).
   Contrastes verificados (WCAG): botón #C4502A con texto blanco 4.64:1; texto #2E1F1A sobre fondo 14.8:1;
   modo oscuro: naranja #F29155 sobre fondo 7.98:1 (y texto oscuro sobre el botón 7.98:1). */

:root,
[data-theme="light"] {
    --at-primary:        #C4502A;
    --at-primary-rgb:    196, 80, 42;
    --at-primary-dark:   #A8341F;
    --at-primary-light:  #FCE3D2;
    --at-primary-50:     #FFF6EE;
    --at-teal:           #C4502A;
    --at-teal-dark:      #A8341F;
    --at-teal-light:     #FCE3D2;
    --at-yellow:         #F4B53F;

    --at-bg:             #FBF7F3;
    --at-text:           #2E1F1A;
    --at-text-muted:     #7A5E52;
    --at-border:         #F0D9C8;

    --at-sidebar-border: #F0D9C8;
    --at-sidebar-text:   #2E1F1A;
    --at-sidebar-muted:  #9A7565;
    --at-sidebar-hover:  #FFF1E6;
    --at-sidebar-active: #FCE3D2;
    --at-sidebar-accent: #E8772E;
    --at-topbar-border:  #F0D9C8;
}

[data-theme="dark"] {
    --at-primary:        #F29155;
    --at-primary-rgb:    242, 145, 85;
    --at-primary-dark:   #E8772E;
    --at-primary-light:  #3A1F14;
    --at-primary-50:     #26150E;
    --at-teal:           #F29155;
    --at-teal-dark:      #E8772E;
    --at-teal-light:     #3A1F14;
    --at-yellow:         #F4B53F;

    --at-bg:             #17110E;
    --at-text:           #F5E9E2;
    --at-text-muted:     #B8958A;
    --at-border:         #3D2A22;

    --at-sidebar-bg:     #150F0C;
    --at-sidebar-border: #33231C;
    --at-sidebar-text:   #EFE0D8;
    --at-sidebar-muted:  #8A6B60;
    /* Redefinir TODO lo que el bloque claro redefine: este archivo carga después de app.css y su
       :root tiene la misma especificidad que [data-theme="dark"], así que ganaría también en oscuro. */
    --at-sidebar-hover:  rgba(var(--at-primary-rgb), .12);
    --at-sidebar-active: rgba(var(--at-primary-rgb), .20);
    --at-sidebar-accent: #F29155;
    --at-topbar-border:  #3D2A22;
}

/* Logo (óxido sobre fondo oscuro tiene poco contraste): aclararlo solo en modo oscuro. */
[data-theme="dark"] .brand-logo-img,
[data-theme="dark"] .login-logo {
    filter: brightness(1.55) saturate(1.1);
}

/* En oscuro el naranja es claro: el texto de los botones va oscuro para mantener contraste. */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-outline-primary:hover {
    color: #17110E;
}