/* SC TradeMasters Design Tokens
   Dark Forge palette — amber as primary accent.
   Typography: Inter (headings + body), Fira Code (mono). */

:root {
    --m-void: #0c0c0c;
    --m-deep: #1a1a2e;
    --m-midnight: #16213e;
    --m-elevated: #222244;
    --m-surface: #2a2a4a;
    --m-amber: #ffc857;
    --m-amber-hover: #e6a820;
    --m-amber-dim: rgba(255, 200, 87, 0.12);
    --m-emerald: #00e5a0;
    --m-emerald-dim: rgba(0, 229, 160, 0.12);
    --m-violet: #7c5cfc;
    --m-violet-dim: rgba(124, 92, 252, 0.12);
    --m-text: #f5f5f7;
    --m-text-secondary: #a0a0b8;
    --m-text-muted: #666680;
    --m-text-dim: #555566;
    --m-font: 'Inter', system-ui, -apple-system, sans-serif;
    --m-font-mono: 'Fira Code', monospace;

    /* Glass */
    --m-glass-bg: rgba(255, 255, 255, 0.03);
    --m-glass-border: rgba(255, 255, 255, 0.06);
    --m-glass-hover: rgba(255, 255, 255, 0.08);

    /* Layout */
    --m-page-width: 1200px;
    --m-content-width: 720px;
    --m-gutter: clamp(24px, 5vw, 80px);

    /* Shadows */
    --m-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
    --m-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --m-shadow-amber: 0 0 40px rgba(255, 200, 87, 0.08);
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

body {
    margin: 0;
    background: var(--m-void);
    color: var(--m-text);
    font-family: var(--m-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    outline: none;
    box-shadow: none;
    border: none;
}

/* MudBlazor layout overrides */
.mud-layout {
    overflow-x: hidden !important;
}
.mud-main-content {
    padding: 0 !important;
    overflow-x: hidden !important;
}
.mud-drawer-content, .mud-appbar {
    overflow-x: hidden !important;
}

/* MudBlazor dark theme overrides */
.mud-theme-dark {
    --mud-palette-background: var(--m-void);
    --mud-palette-surface: var(--m-deep);
    --mud-palette-appbar-background: rgba(12, 12, 12, 0.85);
    --mud-palette-primary: var(--m-amber);
    --mud-palette-primary-text: var(--m-void);
    --mud-palette-text-primary: var(--m-text);
    --mud-palette-text-secondary: var(--m-text-secondary);
    --mud-palette-text-disabled: var(--m-text-muted);
    --mud-palette-action-default: var(--m-text-secondary);
    --mud-palette-divider: var(--m-glass-border);
    --mud-palette-lines-default: var(--m-glass-border);
    --mud-palette-lines-inputs: var(--m-glass-border);
}