/**
 * Shared design tokens for public-facing pages (landing, login, register).
 * Page-specific styles live inline in each template.
 */

:root {
    color-scheme: dark;

    /* Dark palette */
    --lt-bg:            #0a0a0f;
    --lt-surface:       #13131a;
    --lt-surface-hover: #1a1a24;
    --lt-border:        #222230;
    --lt-border-hover:  #333345;

    /* Text */
    --lt-text-primary:   #ececf1;
    --lt-text-secondary: #8585a0;
    --lt-text-muted:     #55556a;

    /* Accent */
    --lt-accent:         #6366f1;
    --lt-accent-hover:   #818cf8;
    --lt-accent-glow:    rgba(99, 102, 241, 0.15);

    /* Status */
    --lt-success:  #34d399;
    --lt-error:    #f87171;
    --lt-error-bg: rgba(248, 113, 113, 0.10);

    /* Spacing scale (8px grid) */
    --lt-space-1: 8px;
    --lt-space-2: 16px;
    --lt-space-3: 24px;
    --lt-space-4: 32px;
    --lt-space-5: 40px;
    --lt-space-6: 48px;
    --lt-space-8: 64px;
    --lt-space-10: 80px;

    /* Shape */
    --lt-radius-sm:  6px;
    --lt-radius-md:  8px;
    --lt-radius-lg: 12px;

    /* Typography */
    --lt-font: 'Inter', 'Segoe UI', Arial, sans-serif;
    --lt-font-mono: 'JetBrains Mono', 'Fira Mono', monospace;
}

/* Shared base reset for landing pages */
.lt-page * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.lt-page {
    font-family: var(--lt-font);
    background: var(--lt-bg);
    color: var(--lt-text-primary);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}