/* ─── Shared foundation for all ScAppLink themes ─── */

@font-face {
    font-family: 'Montserrat Medium';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'JetBrains Mono Medium';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/JetBrainsMono-Medium.ttf') format('truetype');
}

:root {
    --primary: #A0CB36;
    --primary-light: #DCEDBA;
    --primary-dark: #6C7434;
    --secondary: #66A1E4;
    --secondary-light: #C0E4FF;
    --accent: #22B7BF;
    --surface-dark: #424E38;
    --background: #F5FFF1;
    --surface-light: #FFFFFF;
    --text-primary: #1A1F17;
    --text-secondary: #5A6652;
    --text-disabled: #6B7563;
    --error: #D32F2F;
    --warning: #F57C00;
    --info: #1976D2;

    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    --shadow-sm: 0 2px 4px rgba(66, 78, 56, 0.05);
    --shadow-md: 0 4px 8px rgba(66, 78, 56, 0.08);
    --shadow-lg: 0 8px 16px rgba(66, 78, 56, 0.12);
    --shadow-xl: 0 12px 24px rgba(66, 78, 56, 0.16);

    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease;

    font-family: 'Montserrat Medium', sans-serif;
    color: var(--text-primary);
}

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

body {
    background-color: var(--background);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}

@keyframes blink { 50% { opacity: 0; } }