/*
 * Shared theme tokens and global typography across frontend surfaces.
 */

:root {
    --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'SFMono-Regular', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;

    --surface-primary: rgba(16, 26, 52, 0.9);
    --surface-secondary: rgba(20, 32, 64, 0.8);
    --surface-tertiary: rgba(15, 24, 48, 0.75);
    --surface-outline: rgba(107, 148, 255, 0.25);
    --surface-outline-strong: rgba(107, 148, 255, 0.35);
    --surface-soft: rgba(27, 43, 82, 0.65);

    --gradient-primary: linear-gradient(135deg, #557dff 0%, #8b5dff 100%);
    --gradient-primary-hover: linear-gradient(135deg, #4b73f4 0%, #7a4ef1 100%);
    --gradient-secondary: linear-gradient(135deg, #30539f 0%, #5b78d0 100%);
    --gradient-success: linear-gradient(135deg, #37c978 0%, #18a892 100%);
    --gradient-warning: linear-gradient(135deg, #f7b733 0%, #f67e7d 100%);
    --gradient-danger: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);
    --gradient-info: linear-gradient(135deg, #38c6ff 0%, #728bff 100%);

    --text-primary: #f1f4ff;
    --text-secondary: rgba(229, 235, 255, 0.78);
    --text-muted: rgba(198, 208, 241, 0.6);
    --text-inverse: #0d1325;

    --shadow-soft: 0 18px 42px rgba(5, 12, 24, 0.55);
    --shadow-strong: 0 28px 55px rgba(5, 12, 24, 0.65);

    --radius-xs: 0.5rem;
    --radius-sm: 0.75rem;
    --radius-md: 1.25rem;
    --radius-lg: 1.75rem;

    /* Legacy aliases retained for templates and page styles that still use them. */
    --primary-gradient: var(--gradient-primary);
    --secondary-gradient: var(--gradient-secondary);
    --success-gradient: var(--gradient-success);
    --warning-gradient: var(--gradient-warning);
    --danger-gradient: var(--gradient-danger);
    --info-gradient: var(--gradient-info);

    --card-shadow: var(--shadow-soft);
    --card-shadow-hover: var(--shadow-strong);

    --border-radius: var(--radius-md);
    --border-radius-sm: var(--radius-xs);
    --border-radius-lg: var(--radius-lg);

    --primary-color: #98b6ff;
    --light-bg: rgba(24, 39, 78, 0.95);
    --border-color: rgba(107, 148, 255, 0.2);
}

body {
    font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: linear-gradient(180deg, #050b1f 0%, #0b1636 65%, #0f1e45 100%);
    color: var(--text-primary);
    min-height: 100vh;
    line-height: 1.55;
}

.form-text {
    color: var(--text-muted);
}

.text-muted {
    color: var(--text-muted) !important;
}

hr {
    border-color: rgba(112, 138, 199, 0.25);
}