$d-surface: #121212;  /*Dark color → backgrouds*/ 
$d-p: #65afff;
$d-p-blue: #0078D4;
$d-p-pink: #BB86FC;
$d-s-pink: #6200EE;
$d-p-l-blue: #03dac6;


$d-divider: #595959;
$d-error: #CF6679;




//darkElevations e→elevation

$d-e1  : #1D1D1D ;
$d-e2  : #222222 ;
$d-e3  : #242424 ;
$d-e4  : #272727 ;
$d-e6  : #2C2C2C ;
$d-e8  : #2D2D2D ;
$d-e12 : #323232 ;
$d-e16 : #353535 ;
$d-e24 : #373737 ;

//fonts color, should be delete, after replace font file
$d-f-lg:  #ffffffde;  //blackbg


// 📘 Variables de colores para Material Design Dark Theme

// Tonalidades principales
//$md-dark-primary:     #4a0fe3 !default; // color primario (ej. botones, destacados)
$md-dark-primary:     #0078d4 !default; // color primario (ej. botones, destacados)
//$md-dark-secondary:   #013430 !default; // color secundario (ej. acentos, íconos)
$md-dark-secondary:   #0078d4 !default; // color secundario (ej. acentos, íconos)
$md-dark-background:  #121212 !default; // fondo principal de la app
$md-dark-surface:     #1f1f1f !default; // superficie (tarjetas, paneles)
//$md-dark-error:       #2e1116 !default; // estado de error
$md-dark-error:       #4a0fe3 !default; // estado de error
$md-dark-error-2:     #2e1116 !default; // estado de error

// Tonos de texto
$md-dark-text-primary:      rgba(255, 255, 255, 1) !default; // texto principal
$md-dark-text-secondary:    rgba(255, 255, 255, 0.60) !default; // texto secundario
$md-dark-text-disabled:     rgba(255, 255, 255, 0.38) !default; // texto deshabilitado

// Divisores y bordes
$md-dark-divider:  rgba(255, 255, 255, 0.12) !default; // líneas divisorias, bordes ligeros

// Indicaciones y estados
$md-dark-disabled:           rgba(255, 255, 255, 0.38) !default; // estados deshabilitados
$md-dark-hover:              rgba(255, 255, 255, 0.08) !default; // overlay hover
$md-dark-focused:            rgba(255, 255, 255, 0.24) !default; // overlay focus

// Variables especiales
$md-dark-on-primary:         #000000 !default; // texto sobre botón primario
$md-dark-on-secondary:       #000000 !default; // texto sobre botón secundario
$md-dark-on-surface:         rgba(255, 255, 255, 0.87) !default; // texto sobre superficies
$md-dark-on-fab:             #03b8a9 !default;