/* Shared design values only. Application and wiki layout rules live elsewhere. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');

@font-face {
    font-family: 'Marcellus';
    src: url('/chronicles-ui/fonts/Marcellus-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --chron-yellow: #a99360;
    --chron-purple: #8a589f;
    --chron-darkpurple: #454454;
    --chron-darkyellow: #7d6b42;
    --palette-gold: var(--chron-yellow);
    --palette-purple: var(--chron-purple);
    --chron-background: #1a1a1a;
    --chron-surface: #2a2a2a;
    --chron-text: #f0f0f0;
    --chron-sidebar-background: linear-gradient(to bottom right, var(--chron-background), var(--chron-surface));

    --chron-font-body: 'Segoe UI', sans-serif;
    --chron-font-content: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --chron-font-display: 'Cinzel Decorative', cursive;
    --chron-font-navigation: 'Marcellus', 'Segoe UI', serif;
    --chron-title-size: 2rem;
    --chron-navigation-size: 1.05rem;

    --chron-space-1: 0.25rem;
    --chron-space-2: 0.5rem;
    --chron-space-3: 0.75rem;
    --chron-space-4: 1rem;
    --chron-space-6: 1.5rem;
    --chron-space-8: 2rem;
    --chron-radius-sm: 6px;
    --chron-radius-md: 8px;
    --chron-radius-lg: 12px;
    --chron-border-subtle: 1px solid rgba(169, 147, 96, 0.25);
    --chron-sidebar-width: 300px;
    --chron-sidebar-collapsed-width: 10px;
    --chron-sidebar-gutter: 32px;
}