/* ─────────────────────────────────────────────────────────────────────────
   pacia.css — Phase 1 Foundation (warm-earth + electric-lime theme)
   Layered on top of plain Bootstrap 5.3. Replaces Bootswatch Brite.
   Loaded AFTER bootstrap.min.css; BEFORE template inline <style> blocks.

   Sections:
   1. Tokens
   2. Bootstrap --bs-* variable remap (re-colours every utility)
   3. Base type, body, links, custom utilities
   4. Component re-skins (imported from pacia-components.css)
   ───────────────────────────────────────────────────────────────────────── */

/* Inter font + pacia-components.css are loaded via <link> tags in base.html
   (more reliable than @import for both dev and ManifestStaticFilesStorage). */

/* ── 1 · Tokens ─────────────────────────────────────────────────────────── */
:root {
    --pacia-bg: #f4efe1;
    --pacia-surface: #fdfaf0;
    --pacia-surface-2: #ebe4d0;
    --pacia-border: #d4cbb2;
    --pacia-border-strong: #9e9579;
    --pacia-text: #1a1612;
    --pacia-text-body: #3d362c;
    --pacia-muted: #6b6354;
    --pacia-muted-soft: #8a8270;
    --pacia-accent: #c3ff36;
    --pacia-accent-ink: #1a1612;
    --pacia-accent-soft: rgba(195, 255, 54, 0.40);
    --pacia-completed: #5e7a2e;
    --pacia-completed-bg: #eef0d8;
    --pacia-completed-glow: rgba(94, 122, 46, 0.22);
    --pacia-missed: #b45c2e;
    --pacia-missed-bg: #f3e2cf;
    --pacia-data: #c8911a;
    --pacia-shadow-fine: 0 1px 0 rgba(26, 22, 18, 0.05);
    --pacia-shadow-lift: 0 4px 14px rgba(26, 22, 18, 0.08);
}

/* ── 2 · Bootstrap --bs-* variable remap ────────────────────────────────
   Re-colours every variable-driven Bootstrap utility (text-*, bg-*, btn-*,
   border-*, link-*, alert backgrounds, table striping) in one move. */
:root,
[data-bs-theme="light"] {
    --bs-primary: #1a1612;
    --bs-primary-rgb: 26, 22, 18;
    --bs-secondary: #6b6354;
    --bs-secondary-rgb: 107, 99, 84;
    --bs-success: #5e7a2e;
    --bs-success-rgb: 94, 122, 46;
    --bs-info: #6b6354;
    --bs-info-rgb: 107, 99, 84;
    --bs-warning: #c8911a;
    --bs-warning-rgb: 200, 145, 26;
    --bs-danger: #b45c2e;
    --bs-danger-rgb: 180, 92, 46;
    --bs-light: #fdfaf0;
    --bs-light-rgb: 253, 250, 240;
    --bs-dark: #1a1612;
    --bs-dark-rgb: 26, 22, 18;
    --bs-body-bg: var(--pacia-bg);
    --bs-body-bg-rgb: 244, 239, 225;
    --bs-body-color: var(--pacia-text-body);
    --bs-body-color-rgb: 61, 54, 44;
    --bs-emphasis-color: var(--pacia-text);
    --bs-secondary-bg: var(--pacia-surface-2);
    --bs-secondary-bg-rgb: 235, 228, 208;
    --bs-tertiary-bg: var(--pacia-surface);
    --bs-secondary-color: var(--pacia-muted);
    --bs-tertiary-color: var(--pacia-muted-soft);
    --bs-border-color: var(--pacia-border);
    --bs-border-color-translucent: rgba(26, 22, 18, 0.10);
    --bs-link-color: var(--pacia-text);
    --bs-link-color-rgb: 26, 22, 18;
    --bs-link-hover-color: var(--pacia-accent-ink);
    --bs-link-hover-color-rgb: 26, 22, 18;
    --bs-heading-color: var(--pacia-text);
    --bs-form-control-bg: var(--pacia-surface);
    --bs-form-control-disabled-bg: var(--pacia-surface-2);
    --bs-code-color: var(--pacia-missed);
}

/* ── 3 · Base type, body, links, custom utilities ───────────────────────── */
html, body {
    background: var(--pacia-bg);
    color: var(--pacia-text-body);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    font-feature-settings: 'cv11', 'ss01', 'ss03';
    letter-spacing: -0.01em;
    font-weight: 450;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--pacia-text);
}

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

a { text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { text-decoration-color: var(--pacia-accent-ink); }

::selection { background: var(--pacia-accent); color: var(--pacia-accent-ink); }

.label {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--pacia-muted-soft);
    font-weight: 600;
}
.mono {
    font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    font-feature-settings: 'tnum';
}

.brand-dot {
    display: inline-block; width: 7px; height: 7px;
    border-radius: 50%; background: var(--pacia-accent);
    margin-right: 8px; transform: translateY(-1px);
}