/* ============================================================================
   PORTFOLIO THEME - Default
   ============================================================================
   Dark theme with steel-blue accents. The default AndrewWigman portfolio theme.
   ============================================================================ */

:root,
:root[data-theme="portfolio"] {
    /* PRIMARY ACCENT COLOR (steel blue) */
    --aw-accent-primary: #5c8ee0;
    --aw-accent-primary-light: #7aa6f0;
    --aw-accent-primary-dark: #4574c4;
    --aw-accent-primary-darker: #345da3;

    /* BACKGROUND COLORS */
    --aw-bg-base: #0e1117;
    --aw-bg-elevated: #161b22;
    --aw-bg-elevated-1: #1c2128;
    --aw-bg-elevated-2: #21262d;
    --aw-bg-elevated-3: #2a313a;
    --aw-bg-input: #1c2128;
    --aw-bg-hover: #2d333b;
    --bg-tertiary: #161b22;
    --bg-primary: #161b22;

    /* BORDER COLORS */
    --aw-border-subtle: #21262d;
    --aw-border-default: #30363d;
    --aw-border-strong: #3d444d;
    --aw-border-focus: var(--aw-accent-primary);

    /* TEXT COLORS */
    --aw-text-primary: #e6edf3;
    --aw-text-secondary: #b1bac4;
    --aw-text-muted: #7d8590;
    --aw-text-subtle: #545d68;
    --aw-text-inverse: #0e1117;

    /* STATE COLORS */
    --aw-success: #3fb950;
    --aw-error: #f85149;
    --aw-error-bg: #2a1518;
    --aw-error-border: #5c2327;
    --aw-warning: #d29922;
    --aw-info: #58a6ff;

    /* COMPONENT-SPECIFIC */
    --aw-card-bg: var(--aw-bg-elevated);
    --aw-card-border: var(--aw-border-subtle);
    --aw-card-header-bg: linear-gradient(135deg, var(--aw-bg-elevated-3) 0%, var(--aw-bg-elevated) 100%);

    /* INTERACTIVE ELEMENTS */
    --aw-button-primary-bg: var(--aw-accent-primary);
    --aw-button-primary-hover: var(--aw-accent-primary-light);
    --aw-button-primary-text: var(--aw-text-inverse);
    --aw-button-secondary-bg: var(--aw-bg-elevated-3);
    --aw-button-secondary-hover: var(--aw-bg-hover);
    --aw-button-secondary-text: var(--aw-text-secondary);

    /* RATING SYSTEM */
    --aw-rating-fill: var(--aw-accent-primary);
    --aw-rating-empty: #3d444d;
    --aw-rating-hover: var(--aw-accent-primary-light);

    /* SHADOWS */
    --aw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --aw-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.5);
    --aw-shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.6);

    /* BACKWARDS COMPATIBILITY */
    --primary-color: var(--aw-accent-primary);
    --primary-hover: var(--aw-accent-primary-light);
    --bg-secondary: var(--aw-bg-elevated-2);
    --bg-card: var(--aw-bg-elevated);
    --bg-hover: var(--aw-bg-hover);
    --border-color: var(--aw-border-default);
    --text-primary: var(--aw-text-primary);
    --text-secondary: var(--aw-text-secondary);
    --text-muted: var(--aw-text-muted);
    --ux-bg: var(--aw-bg-base);
    --ux-text: var(--aw-text-primary);
}