/* Base layer — reset helpers + skill-standard variable aliases (theme tokens live in style.css). */

*, *::before, *::after {
    box-sizing: border-box;
}

:root {
    /* Skill naming aliases → existing OCEAN theme tokens */
    --color-primary: var(--primary-color, #3b82f6);
    --color-primary-hover: var(--primary-hover, #2563eb);
    --color-danger: var(--error-color, #ef4444);
    --color-success: var(--success-color, #10b981);
    --color-warning: var(--warning-color, #f59e0b);
    --color-text: var(--text-primary, #f1f5f9);
    --color-text-muted: var(--text-secondary, #cbd5e1);
    --color-border: var(--border-color, rgba(148, 163, 184, 0.14));
    --color-bg: var(--bg-color, rgba(15, 23, 42, 0.85));
    --color-bg-subtle: var(--surface-mid, #1a2538);

    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;

    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
}