/*
 * Instance-specific color overrides for Ingenio Transparency Portal.
 * This file is loaded after style.css, so values here take precedence.
 *
 * Color scheme based on Ingenio municipal branding:
 * - Deep teal/green (#00352d) for primary branding
 * - Complementary colors adapted from main teal
 * - WCAG AA compliant contrast ratios and font sizes
 * - Professional government appearance
 */

:root {
    /* ── Base palette ─────────────────────────────────────────────── */
    --tp-primary: #00352d;            /* Deep teal - main brand color */
    --tp-primary-dark: #002a23;       /* Darker teal - hover states */
    --tp-primary-light: #e6f3f1;      /* Light teal tint - hover backgrounds */
    /* --tp-bg: #f8faf9;                 /* Page background - very light teal gray */
    /* --tp-surface: #ffffff;            /* Card / content background */
    /* --tp-text: #1a202c;               /* Body text - dark gray (WCAG AA compliant) */
    /* --tp-text-dark: #0d1117;         /* Headings, strong text (WCAG AA compliant) */
    /* --tp-text-secondary: #4a5568;     /* Secondary text (WCAG AA compliant) */
    /* --tp-muted: #6b7280;              /* Muted / helper text (WCAG AA compliant) */
    /* --tp-border: #e2e8f0;             /* Borders, dividers */

    /* ── Typography (WCAG AA compliant font sizes) ─────────────────── */
    /* --tp-font-size-base: 16px;        /* Base font size - WCAG AA minimum */
    /* --tp-font-size-sm: 14px;         /* Small text - WCAG AA minimum */
    /* --tp-font-size-lg: 18px;         /* Large text - WCAG AA enhanced */
    /* --tp-font-size-xl: 20px;         /* Extra large text - WCAG AA enhanced */
    /* --tp-font-size-2xl: 24px;        /* 2X large text - WCAG AA enhanced */
    /* --tp-line-height-base: 1.5;      /* Base line height for readability */

    /* ── Header ───────────────────────────────────────────────────── */
    /* --tp-header-bg: var(--tp-surface);       /* Header background */
    /* --tp-header-border: #e2e8f0;            /* Header bottom border */
    /* --tp-header-title: #002a23;             /* Site title color - darker teal */
    --tp-header-title-link: #00352d;         /* Header title link color */
    --tp-header-subtitle: #4a5568;           /* Site subtitle color */

    /* ── Navigation ───────────────────────────────────────────────── */
    /* --tp-nav-text: #2d3748;                  /* Nav link text - medium gray (WCAG AA) */
    /* --tp-nav-hover: #00352d;                  /* Nav link hover - main teal */
    /* --tp-nav-active-bg: #00352d;              /* Active nav background */
    /* --tp-nav-active-text: #ffffff;            /* Active nav text */

    /* ── Search ───────────────────────────────────────────────────── */
    --tp-search-bg: #ffffff;                  /* Search input background */
    --tp-search-border: #cbd5e0;               /* Search input border */
    --tp-search-text: #1a202c;                 /* Search input text (WCAG AA) */
    --tp-search-icon: #4a5568;                 /* Search icon color */
    --tp-search-btn-bg: #f7fafc;               /* Search button background */
    --tp-search-btn-border: #cbd5e0;           /* Search button border */
    --tp-search-btn-hover: #00352d;            /* Search button hover */

    /* ── Page title banner ────────────────────────────────────────── */
    /* --tp-title-bg: #00352d;                    /* Banner gradient start */
    /* --tp-title-bg-dark: #002a23;               /* Banner gradient end */
    /* --tp-title-text: #ffffff;                  /* Banner text (WCAG AA) */

    /* ── Footer ───────────────────────────────────────────────────── */
    /* --tp-footer-bg: #0d1117;                   /* Footer background - very dark */
    /* --tp-footer-text: #e2e8f0;                 /* Footer body text (WCAG AA) */
    /* --tp-footer-link: #ffffff;                 /* Footer link color (WCAG AA) */
    --tp-footer-hover: #68e0ce;                /* Footer link hover - lighter teal */
    /* --tp-footer-muted: #a0aec0;                /* Footer small / muted text */

    /* ── Return to top button ─────────────────────────────────────── */
    --tp-return-to-top-bg: #259584;            /* Return to top button background */
    --tp-return-to-top-hover: #68e0ce;        /* Return to top button hover */
    --tp-return-to-top-icon: #ffffff;         /* Return to top icon color (WCAG AA) */

    /* ── Tables ───────────────────────────────────────────────────── */
    --tp-table-header-bg: #237a6d;              /* Table header background */
    /* --tp-table-header-text: #ffffff;            /* Table header text (WCAG AA) */

    /* ── Accordion ────────────────────────────────────────────────── */
    /* --tp-accordion-bg: #f8faf9;                /* Collapsed background */
    /* --tp-accordion-text: #0d1117;              /* Collapsed text (WCAG AA) */
    /* --tp-accordion-active-bg: #e6f3f1;         /* Expanded background */
    /* --tp-accordion-active-text: #002a23;        /* Expanded text (WCAG AA) */

    /* ── Shapes ───────────────────────────────────────────────────── */
    /* --tp-radius: 0.5rem;                       /* Default border radius */
    /* --tp-radius-lg: 0.75rem;                   /* Large border radius */

    /* ── Header Typography ─────────────────────────────────────────── */
    /* --tp-header-title-size: clamp(1.75rem, 4vw, 2.75rem); */
    /* --tp-header-title-weight: 600; */
    /* --tp-header-title-line-height: 1.1; */
    /* --tp-header-title-spacing: -0.025em; */
    /* --tp-header-title-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
    /* --tp-header-title-hover: #1e293b; */
    /* --tp-header-subtitle-size: clamp(0.9375rem, 2.2vw, 1.0625rem); */
    /* --tp-header-subtitle-weight: 500; */
    /* --tp-header-subtitle-margin-top: 0.375rem; */
    /* --tp-header-subtitle-line-height: 1.3; */
    /* --tp-header-subtitle-spacing: 0.005em; */

    /* ── Shadows ─────────────────────────────────────────────────── */
    /* --tp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05); */
    /* --tp-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); */
    /* --tp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); */
    /* --tp-shadow-return-to-top: 0 6px 12px rgba(37, 149, 132, 0.3); */
}