/*
 * theme.css — Beta Power Components
 * BUS dark theme. No MWC dependencies.
 */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Roboto:wght@400;500&display=swap');

:root {
  --color-primary:          #1e2a35;
  --color-primary-dark:     #141d24;
  --color-primary-light:    #2e3f4f;
  --color-on-primary:       #ffffff;

  --color-accent:           #e8541a;
  --color-accent-dark:      #c04010;
  --color-on-accent:        #ffffff;

  --color-surface:          #2b2b2b;
  --color-surface-variant:  #232323;
  --color-surface-card:     #1e2a35;
  --color-on-surface:       #ffffff;
  --color-on-surface-muted: #c9bfb0;

  --color-input-bg:         #2e3f4f;
  --color-input-text:       #ffffff;
  --color-input-border:     #3a5068;
  --color-input-focus:      #e8541a;

  --color-outline:          #3a3a3a;
  --color-divider:          #e8541a;

  --color-error:            #ff5252;
  --color-on-error:         #ffffff;

  --font-display: 'Oswald', 'Barlow Condensed', 'Segoe UI', sans-serif;
  --font-body:    'Roboto', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'Roboto Mono', 'Consolas', monospace;

  --app-bar-height:    72px;
  --content-max-width: 1200px;

  --shadow-card:     0 2px 8px rgba(0,0,0,.4);
  --shadow-elevated: 0 4px 16px rgba(0,0,0,.5);
  --shadow-modal:    0 8px 32px rgba(0,0,0,.7);

  --radius-card:   4px;
  --radius-input:  3px;
  --radius-button: 3px;

  --transition-standard: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  color-scheme: dark;
}

body {
  background-color: var(--color-surface-variant);
  color: var(--color-on-surface);
}