/* AURORA II Modern Theme CSS
 * Primary theme file with color definitions and layout styling
 * Based on the green gradient colors from the logo and modern UI principles
 */

:root {
  /* UI scale (1.0 = normal). Baja este valor para hacer toda la interfaz más compacta.
     Ejemplos: 0.92, 0.90, 0.88 */
  --ui-scale: 0.88;

  /* Main colors - Aurora II Logo inspired */
  --primary: #4B8B32;       /* Dark green from logo */
  --primary-hover: #78C032; /* Medium green from logo */
  --primary-light: #E6F7D9; /* Very light green for backgrounds */
  --secondary: #333333;     /* Dark grey */
  --accent: #F8F032;        /* Yellow from logo */
  --accent-hover: #F9F37A;  /* Lighter yellow for hover states */
  --light: #F8F9FA;         /* Light background */
  --dark: #212529;          /* Dark text and backgrounds */
  --success: #A4E032;       /* Light green from logo */
  --info: #17A2B8;          /* Info blue */
  --warning: #D1F032;       /* Lime green from logo */
  --danger: #DC3545;        /* Danger red */
  --white: #FFFFFF;         /* Pure white */
  
  /* Spacing */
  --spacer: 1rem;
  --spacer-sm: 0.5rem;
  --spacer-lg: 1.5rem;
  
  /* Border radius */
  --border-radius: 0.375rem;
  --border-radius-sm: 0.25rem;
  --border-radius-lg: 0.5rem;
  
  /* Shadows */
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  
  /* Fonts */
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Escala global basada en rem. Bootstrap y el tema usan rem, así que esto reduce casi todo sin overrides por página. */
html {
  font-size: calc(16px * var(--ui-scale));
}

/* Body Styles */
body {
  font-family: var(--font-family-sans-serif);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--dark);
  background-color: var(--light);
  margin: 0;
  padding: 0;
}

/* Button Styles */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--primary);
  color: var(--white);
}

.btn-accent {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--dark);
}

.btn-accent:hover,
.btn-accent:focus {
  background-color: var(--accent-hover);
  border-color: var(--accent-hover);
  color: var(--dark);
}

/* End of Aurora II Modern CSS */