/**
 * Copyright (c) 2026 DNA Genics, S.L. All rights reserved.
 *
 * Regional Atlas design tokens (colour, type, spacing, radii, elevation).
 * Every token is scoped to .rra-root so the global Bootstrap theme is never affected.
 * Text colours are chosen for WCAG 2.1 AA contrast (>= 4.5:1) on the surface colours below.
 */

.rra-root {
    /* Surfaces */
    --rra-bg: #0d1015;
    --rra-surface: #151a21;
    --rra-surface-2: #1b212a;
    --rra-surface-3: #232a35;
    --rra-border: #2c3441;
    --rra-border-strong: #3c4656;

    /* Text */
    --rra-text: #eef0f3;
    --rra-text-muted: #b4bcc8;
    --rra-text-subtle: #939dab;
    --rra-text-on-accent: #16120a;

    /* Accent (overridden per report in atlas-themes.css) */
    --rra-accent: #d6ab52;
    --rra-accent-strong: #e8c476;
    --rra-accent-soft: rgba(214, 171, 82, 0.14);
    --rra-accent-line: rgba(214, 171, 82, 0.38);

    /* Data colours (distinguishable, colour-blind aware ordering) */
    --rra-data-1: #d6ab52;
    --rra-data-2: #5fb3c9;
    --rra-data-3: #c9785f;
    --rra-data-4: #8fbf6a;
    --rra-data-5: #a58bd6;
    --rra-data-6: #d6768f;
    --rra-data-7: #6d8fd6;
    --rra-data-8: #c9b85f;

    /* Semantic */
    --rra-positive: #7cc79a;
    --rra-warning: #e2b35a;
    --rra-danger: #e4837a;
    --rra-info: #7fb6e6;
    --rra-ydna: #6fa8dc;
    --rra-mtdna: #d98cb3;

    /* Typography */
    --rra-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --rra-font-body: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    --rra-fs-xs: 0.75rem;
    --rra-fs-sm: 0.875rem;
    --rra-fs-md: 1rem;
    --rra-fs-lg: 1.125rem;
    --rra-fs-xl: 1.375rem;
    --rra-fs-2xl: 1.75rem;
    --rra-fs-3xl: 2.25rem;
    --rra-fs-4xl: 3rem;
    --rra-lh-tight: 1.2;
    --rra-lh-body: 1.6;

    /* Spacing scale */
    --rra-space-1: 4px;
    --rra-space-2: 8px;
    --rra-space-3: 12px;
    --rra-space-4: 16px;
    --rra-space-5: 20px;
    --rra-space-6: 24px;
    --rra-space-8: 32px;
    --rra-space-10: 40px;
    --rra-space-12: 48px;

    /* Shape and elevation */
    --rra-radius-sm: 6px;
    --rra-radius: 10px;
    --rra-radius-lg: 16px;
    --rra-radius-pill: 999px;
    --rra-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35);
    --rra-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.35);
    --rra-focus: 0 0 0 3px rgba(232, 196, 118, 0.55);

    /* Layout */
    --rra-content-max: 1360px;
    --rra-nav-offset: calc(var(--nav-height, 72px) + 8px);
    --rra-subnav-height: 56px;
    --rra-bottom-nav-height: 64px;
    --rra-transition: 160ms ease;
}