/* MI EXPEDIENTE — Variables de diseno */
:root {
  --primary:    #0f3460;
  --primary-lt: #1a4f8a;
  --primary-dk: #081d3a;
  --accent:     #c0392b;

  --success:  #27ae60;
  --warning:  #e67e22;
  --danger:   #c0392b;
  --info:     #2980b9;
  --secondary:#6c757d;

  --bg:        #f4f6f9;
  --surface:   #ffffff;
  --surface2:  #f0f2f5;
  --border:    #dde1e7;

  --text:       #1a202c;
  --text-muted: #5a6475;
  --text-light: #9aa5b4;

  --sidebar-w:  240px;
  --topnav-h:   58px;
  --radius:     8px;
  --radius-lg:  14px;
  --shadow:     0 1px 6px rgba(0,0,0,.07);
  --shadow-md:  0 4px 16px rgba(0,0,0,.10);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.14);

  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', monospace;
  --transition: 0.18s ease;

  /* Alias para compatibilidad con layout.css y components.css */
  --header-height:    var(--topnav-h);
  --sidebar-width:    var(--sidebar-w);
  --color-primary:    var(--primary);
  --color-accent:     var(--accent);
  --color-success:    var(--success);
  --color-warning:    var(--warning);
  --color-danger:     var(--danger);
  --color-info:       var(--info);
  --text-primary:     var(--text);
  --border-color:     var(--border);
  --border-radius-sm: var(--radius);
  --border-radius-md: var(--radius);
  --border-radius-lg: var(--radius-lg);
  --bg-primary:       var(--surface);
  --bg-secondary:     var(--surface2);
  --bg-header:        var(--primary);
  --bg-sidebar:       var(--primary-dk);
  --text-on-dark:         #ffffff;
  --text-on-dark-muted:   rgba(255,255,255,0.70);
}