/*
 * Centralized design tokens for incremental panel cleanup.
 * Prefer extending this layer instead of adding new inline styles.
 * Brand palette based on Agroinm visual references.
 */
:root {
    /* Reference palette */
    --primary: #7fb239;
    --primary-dark: #5f8f2a;
    --primary-light: #a8d063;

    --secondary: #6b3e1e;
    --secondary-light: #8a5a2b;

    --bg-main: #f8faf7;
    --bg-card: #ffffff;
    --bg-soft: #f5f1e8;
    --bg-table-hover: #f1f5f9;

    --text-main: #1f2937;
    --text-secondary: #6b7280;

    --border: #e5e7eb;

    --success: #22c55e;
    --warning: #f59e0b;
    --error: #ef4444;
    --info: #3b82f6;

    /* Internal aliases for the current panel layer */
    --ag-surface: var(--bg-card);
    --ag-surface-muted: var(--bg-soft);
    --ag-panel-bg: var(--bg-main);
    --ag-panel-bg-soft: #ffffff;
    --ag-panel-bg-accent: #eef4e5;
    --ag-border-soft: var(--border);
    --ag-border-card: var(--border);
    --ag-border-table: var(--border);
    --ag-border-table-row: #edf1f4;
    --ag-text-strong: var(--text-main);
    --ag-text-muted: var(--text-secondary);
    --ag-text-form: var(--text-main);

    --ag-brand-primary: var(--primary);
    --ag-brand-primary-soft: var(--primary-light);
    --ag-brand-dark: var(--primary-dark);
    --ag-brand-dark-soft: #6e9f34;
    --ag-brand-olive: var(--primary-dark);
    --ag-brand-olive-soft: #748b49;
    --ag-brand-accent: var(--secondary);
    --ag-brand-sun: var(--primary-light);

    --ag-menu-parent: var(--text-main);
    --ag-menu-subitem: var(--primary-dark);
    --ag-menu-subitem-hover: var(--primary);

    --ag-focus: var(--primary);
    --ag-success-border: rgba(34, 197, 94, 0.24);
    --ag-shadow-card: 0 10px 24px rgba(31, 41, 55, 0.08);
    --ag-shadow-box: 0 10px 22px rgba(31, 41, 55, 0.08);
    --ag-shadow-alert: 0 6px 16px rgba(31, 41, 55, 0.08);
    --ag-radius-panel: 14px;
    --ag-radius-card: 12px;
    --ag-radius-alert: 10px;
    --ag-radius-button: 8px;
}