/*
 * Mentis design tokens — palette A "Verde clinico sobrio".
 * This is the only application file allowed to define literal colors.
 * Component and page styles must consume semantic tokens.
 */

:root {
    color-scheme: light;

    /* Brand and interaction */
    --color-primary: #237a70;
    --color-primary-hover: #1c665e;
    --color-primary-active: #15544e;
    --color-primary-soft: #e7f3f0;
    --color-focus: #0b6fca;

    /* Surfaces and structure */
    --color-bg: #f4f7f6;
    --color-surface: #ffffff;
    --color-surface-secondary: #eef3f2;
    --color-border: #d7e1df;
    --color-border-strong: #aebfbc;

    /* Text */
    --color-text: #172b2a;
    --color-text-secondary: #49615e;
    --color-text-muted: #657875;

    /* Semantic states */
    --color-success: #217a52;
    --color-success-soft: #e9f5ef;
    --color-warning: #8a5900;
    --color-warning-soft: #fff4d8;
    --color-danger: #ad3343;
    --color-danger-soft: #fbecee;
    --color-info: #356f8a;
    --color-info-soft: #eaf3f7;

    /* Disabled and on-color content */
    --color-disabled-bg: #e8eceb;
    --color-disabled-text: var(--color-text-muted);
    --color-on-primary: var(--color-surface);
    --color-on-success: var(--color-surface);
    --color-on-warning: var(--color-surface);
    --color-on-danger: var(--color-surface);
    --color-on-info: var(--color-surface);

    /* Elevation and overlays derive from approved palette colors. */
    --shadow-card: 0 7px 18px color-mix(in srgb, var(--color-text) 7%, transparent);
    --shadow-card-hover: 0 10px 24px color-mix(in srgb, var(--color-text) 10%, transparent);
    --shadow-navigation: 0 12px 30px color-mix(in srgb, var(--color-text) 14%, transparent);
    --shadow-focus: 0 0 0 .2rem color-mix(in srgb, var(--color-focus) 24%, transparent);
    --color-overlay: color-mix(in srgb, var(--color-text) 58%, transparent);
    --color-on-primary-muted: color-mix(in srgb, var(--color-on-primary) 78%, transparent);
    --color-on-primary-border: color-mix(in srgb, var(--color-on-primary) 24%, transparent);
    --color-on-primary-soft: color-mix(in srgb, var(--color-on-primary) 12%, transparent);

    /* Charts reuse approved semantic bases and add non-color cues in JS. */
    --chart-1: var(--color-primary);
    --chart-2: var(--color-info);
    --chart-3: var(--color-warning);
    --chart-4: var(--color-danger);
    --chart-5: var(--color-text-secondary);
    --chart-6: var(--color-border-strong);

    /* Bootstrap semantic bridge */
    --bs-primary: var(--color-primary);
    --bs-success: var(--color-success);
    --bs-warning: var(--color-warning);
    --bs-danger: var(--color-danger);
    --bs-info: var(--color-info);
    --bs-body-color: var(--color-text);
    --bs-body-bg: var(--color-bg);
    --bs-border-color: var(--color-border);
    --bs-secondary-color: var(--color-text-secondary);
    --bs-tertiary-color: var(--color-text-muted);
    --bs-tertiary-bg: var(--color-surface-secondary);

    /* Legacy bridge: temporary aliases for progressive migration. */
    --ink: var(--color-text);
    --muted: var(--color-text-muted);
    --line: var(--color-border);
    --line-strong: var(--color-border-strong);
    --surface: var(--color-surface);
    --surface-soft: var(--color-surface-secondary);
    --card: var(--color-surface);
    --nav: var(--color-primary);
    --nav-dark: var(--color-primary-active);
    --teal: var(--color-primary);
    --teal-dark: var(--color-primary-hover);
    --teal-light: var(--color-primary-soft);
    --blue: var(--color-info);
    --blue-light: var(--color-info-soft);
    --mint: var(--color-primary);
    --mint-light: var(--color-primary-soft);
    --green: var(--color-success);
    --green-light: var(--color-success-soft);
    --coral: var(--color-danger);
    --coral-light: var(--color-danger-soft);
    --amber: var(--color-warning);
    --amber-light: var(--color-warning-soft);
    --success: var(--color-success);
    --warning: var(--color-warning);
    --danger: var(--color-danger);
    --info: var(--color-info);
    --shadow: var(--shadow-card);
    --shadow-lift: var(--shadow-card-hover);
    --card-accent: var(--color-border-strong);
    --mobile-card-accent: var(--color-border);
    --accent-soft: var(--color-surface-secondary);
    --accent-line: var(--color-border);

    /* Section backgrounds no longer encode page categories. */
    --section-bg-primary: var(--color-bg);
    --section-bg-data: var(--color-bg);
    --section-bg-warning: var(--color-bg);
    --section-bg-admin: var(--color-bg);

    /* Executive-system compatibility aliases. */
    --mx-bg: var(--color-bg);
    --mx-surface: var(--color-surface);
    --mx-surface-soft: var(--color-surface-secondary);
    --mx-sidebar: var(--color-surface);
    --mx-sidebar-deep: var(--color-surface-secondary);
    --mx-ink: var(--color-text);
    --mx-muted: var(--color-text-muted);
    --mx-line: var(--color-border);
    --mx-line-strong: var(--color-border-strong);
    --mx-teal: var(--color-primary);
    --mx-teal-dark: var(--color-primary-hover);
    --mx-teal-soft: var(--color-primary-soft);
    --mx-gold: var(--color-warning);
    --mx-gold-soft: var(--color-warning-soft);
    --mx-coral: var(--color-danger);
    --mx-green: var(--color-success);
    --mx-blue: var(--color-info);
    --mx-shadow: var(--shadow-card-hover);
    --mx-shadow-soft: var(--shadow-card);
}