/*
 * 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: var(--tp-primary);             /* 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: transparent;              /* Table header background */
    /* --tp-table-header-text: var(--tp-primary);  /* 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 */
}