/* ============================================================================
   JîrCode Mail Brand Tokens
   ----------------------------------------------------------------------------
   Tüm template'lerde brand renkleri ve fontları için CSS değişkenleri.
   Tailwind ile birlikte kullanılır (utility class'lar + bu tokens).
============================================================================ */

:root {
    --jir-brand-primary: #10b981;
    --jir-brand-primary-dark: #0d9488;
    --jir-brand-primary-light: #34d399;

    --jir-brand-accent: #f59e0b;
    --jir-brand-accent-light: #fbbf24;

    --jir-brand-bg: #020617;
    --jir-brand-surface: #0f172a;
    --jir-brand-surface-2: #1e293b;
    --jir-brand-border: #334155;

    --jir-brand-text: #f1f5f9;
    --jir-brand-text-muted: #94a3b8;
    --jir-brand-text-subtle: #64748b;

    --jir-font-display: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --jir-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    --jir-radius-sm: 0.5rem;
    --jir-radius: 0.75rem;
    --jir-radius-lg: 1rem;
    --jir-radius-xl: 1.25rem;
}

.jir-brand-gradient {
    background-image: linear-gradient(135deg, var(--jir-brand-primary), var(--jir-brand-primary-dark));
}

.jir-text-gradient {
    background-image: linear-gradient(90deg, var(--jir-brand-primary), var(--jir-brand-accent));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.jir-wordmark {
    font-family: var(--jir-font-display);
    font-weight: 800;
    letter-spacing: -0.025em;
}

.jir-mono {
    font-family: var(--jir-font-mono);
}

.jir-tagline::after {
    content: 'Privacy-first self-hosted mail';
}