/* Classic Theme - Old school, no-nonsense design */
[data-theme="classic"] {
  --bg-body: #CCCCCC;
  --bg-surface: #FFFFFF;
  --bg-surface-glass: rgba(255, 255, 255, 0.95);
  --bg-card: #EEEEEE;
  --bg-card-glass: rgba(238, 238, 238, 0.95);

  --text-main: #000000;
  --text-muted: #666666;
  --text-dim: #999999;

  --primary: #0000EE;
  --primary-glow: rgba(0, 0, 238, 0.2);
  --accent: #551A8B;
  --accent-glow: rgba(85, 26, 139, 0.2);
  --danger: #FF0000;

  --border-light: #808080;
  --border-hover: #000000;

  --shadow-sm: none;
  --shadow-lg: 2px 2px 0px #808080;
  --shadow-glow: none;
}

[data-theme="classic"] body {
  background-image: none;
  background-color: #CCCCCC;
}

/* Classic theme overrides for flat, old-school look */
[data-theme="classic"] .card,
[data-theme="classic"] .glass-card {
  border: 2px solid #808080;
  border-radius: 0;
  box-shadow: 2px 2px 0px #808080;
  background: #EEEEEE;
}

[data-theme="classic"] .btn {
  border: 2px outset #CCCCCC;
  border-radius: 0;
  background: #CCCCCC;
  box-shadow: none;
  font-weight: normal;
}

[data-theme="classic"] .btn:hover {
  background: #DDDDDD;
  border-color: #999999;
}

[data-theme="classic"] .btn:active {
  border-style: inset;
  background: #AAAAAA;
}

[data-theme="classic"] .btn-primary {
  background: #0000EE;
  color: #FFFFFF;
  border-color: #0000AA;
}

[data-theme="classic"] .btn-primary:hover {
  background: #0000CC;
}

[data-theme="classic"] .masthead {
  background: #FFFFFF;
  border-bottom: 2px solid #000000;
  box-shadow: none;
}

[data-theme="classic"] .form-control {
  border: 2px inset #CCCCCC;
  border-radius: 0;
  background: #FFFFFF;
}

[data-theme="classic"] a {
  color: #0000EE;
  text-decoration: underline;
}

[data-theme="classic"] a:visited {
  color: #551A8B;
}

[data-theme="classic"] a:hover {
  color: #FF0000;
}

[data-theme="classic"] .badge {
  border: 1px solid #000000;
  border-radius: 0;
  background: #FFFF00;
  color: #000000;
}

[data-theme="classic"] .modal {
  background: rgba(128, 128, 128, 0.7);
}