/*
 * Field Accord theme: the original application appearance, expressed as a
 * portable token bundle so future products can use the same theme contract.
 */
:root,
body[data-theme="field-accord"] {
    color-scheme: light;
    --fa-theme-id: "field-accord";
    --fa-kit-page: #f4f1ea;
    --fa-kit-page-shade: #ebe5db;
    --fa-kit-surface: #fcfbf8;
    --fa-kit-surface-strong: #f7f3ec;
    --fa-kit-surface-inset: #f1ece2;
    --fa-kit-border: #d3cabc;
    --fa-kit-border-strong: #b5a997;
    --fa-kit-text: #1f241f;
    --fa-kit-text-muted: #5b625d;
    --fa-kit-brand: #2f5a4f;
    --fa-kit-brand-strong: #23453d;
    --fa-kit-brand-soft: #dfeae5;
    --fa-kit-entity: #5e6f95;
    --fa-kit-info: #2d5f87;
    --fa-kit-info-soft: #d7e6f1;
    --fa-kit-accent: #7a5e2a;
    --fa-kit-accent-soft: #eadfca;
    --fa-kit-success: #3f6a4e;
    --fa-kit-success-soft: #dce8df;
    --fa-kit-warning: #8a6834;
    --fa-kit-warning-soft: #efe1c9;
    --fa-kit-danger: #8a4742;
    --fa-kit-danger-soft: #eed9d7;
    --fa-kit-shadow-low: 0 1px 2px rgba(40, 32, 20, 0.08);
    --fa-kit-shadow-high: 0 18px 44px rgba(40, 32, 20, 0.12);
    --fa-shape-fine: 4px;
    --fa-shape-control: 6px;
    --fa-shape-panel: 10px;
    --fa-shape-prominent: 12px;
    --fa-shape-round: 999px;
    --fa-control-radius: var(--fa-shape-control);
    --fa-routine-shadow: none;
    --fa-radius-xs: var(--fa-shape-fine);
    --fa-radius-sm: var(--fa-shape-control);
    --fa-radius: var(--fa-shape-panel);
    --fa-radius-lg: var(--fa-shape-prominent);
    --fa-kit-radius-sm: var(--fa-shape-control);
    --fa-kit-radius-md: var(--fa-shape-panel);
    --fa-kit-radius-lg: var(--fa-shape-prominent);
    --fa-surface-radius: var(--fa-shape-panel);
    --fa-hero-radius: var(--fa-shape-prominent);
    --fa-rounded-panel-radius: var(--fa-shape-panel);
    --fa-tag-radius: var(--fa-shape-round);
    --fa-page-max-width: 1180px;
    --fa-page-gutter: 24px;
    --fa-related-gap: 12px;
    --fa-major-gap: 20px;
    --fa-panel-padding-compact: 12px;
    --fa-panel-padding: 16px;
    --fa-panel-padding-prominent: 20px;
    --fa-row-padding-block: 12px;
    --fa-row-padding-inline: 16px;
    --fa-control-height: 40px;
    --fa-control-height-compact: 36px;
    --fa-type-overline: 12px;
    --fa-type-metadata: 13px;
    --fa-type-compact: 14px;
    --fa-type-body: 16px;
    --fa-type-section-title: 18px;
    --fa-type-page-title: 22px;
    --fa-type-display: 28px;
    --fa-kit-system-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --fa-kit-content-font: "Literata", Georgia, "Times New Roman", serif;
    --fa-kit-accent-font: "Roboto Condensed", "Arial Narrow", sans-serif;
}

body[data-theme="field-accord"] .fa-pane-card.shadow-sm {
    box-shadow: none !important;
}

@media (max-width: 991.98px) {
    :root,
    body[data-theme="field-accord"] {
        --fa-page-gutter: 20px;
    }
}

@media (max-width: 575.98px) {
    :root,
    body[data-theme="field-accord"] {
        --fa-page-gutter: 12px;
        --fa-control-height: 44px;
        --fa-control-height-compact: 44px;
    }
}