/* Generated by tools/css_bundle.php from tokens.src.css. Edit the sources and run the tool. */
/*
 * AulaCore theme tokens, variables shared by shell and component CSS. tokens.css (the public site loads it alone) is
 * built from these parts; aulacore-theme.src.css imports the parts itself, each in its cascade layer.
 */
/* tokens-scale.css */
@layer tokens {/*
 * AulaCore theme tokens only this sheet declares (tokens.src.css puts them in the "tokens" layer).
 */


:root {
    /* AulaCore Claro type scale: the only six text sizes of the content area (tools/css_type_scale.php keeps the
       component and screen sources on it). xs captions and pills, sm labels and secondary text, md body, controls
       and tables, lg card and section titles, xl sub-headings, 2xl page titles and key figures. */
    --ac-font-size-xs: 12px;
    --ac-font-size-sm: 13px;
    --ac-font-size-md: 14px;
    --ac-font-size-lg: 16px;
    --ac-font-size-xl: 20px;
    --ac-font-size-2xl: 24px;
    /* The three heights of buttons and controls: compact (table and toolbar actions, xs/sm buttons), default, large. */
    --ac-control-height-sm: 32px;
    --ac-control-height-md: 38px;
    --ac-control-height-lg: 46px;
    --ac-primary: var(--ac-ds-primary);
    --ac-primary-rgb: var(--ac-ds-primary-rgb);
    --ac-white-rgb: 255, 255, 255;
    --ac-black-rgb: 0, 0, 0;
    --ac-blue-rgb: 11, 78, 162;
    --ac-primary-strong: var(--ac-ds-primary-strong);
    --ac-primary-hover: var(--ac-ds-primary-hover);
    --ac-primary-contrast: var(--ac-ds-primary-contrast);
    --ac-ds-danger: var(--bs-danger, #c0392b);
    --ac-ds-danger-hover: #a93226;
    --ac-ds-danger-soft: rgba(192, 57, 43, .12);
    --ac-ds-warning: var(--bs-warning, #f39c12);
    --ac-ds-warning-hover: #d8870f;
    --ac-ds-warning-soft: #fff4df;
    --ac-ds-success: var(--bs-success, #00a65a);
    --ac-ds-success-hover: #008d4c;
    --ac-ds-success-soft: #e8f6ef;
    --ac-ds-info: var(--bs-info, #00c0ef);
    --ac-ds-info-hover: #00a7d0;
    --ac-ds-info-soft: #e8f6fb;
    --ac-success-soft: var(--ac-ds-success-soft);
    --ac-warning-soft: var(--ac-ds-warning-soft);
    --ac-danger-soft: var(--ac-ds-danger-soft);
    --ac-info: var(--ac-ds-info);
    --ac-info-soft: var(--ac-ds-info-soft);
    --ac-pending: var(--ac-ds-warning);
    --ac-pending-soft: var(--ac-ds-warning-soft);
    --ac-approved: var(--ac-ds-success);
    --ac-approved-soft: var(--ac-ds-success-soft);
    --ac-rejected: var(--ac-ds-danger);
    --ac-rejected-soft: var(--ac-ds-danger-soft);
    --ac-overdue: var(--ac-ds-danger);
    --ac-overdue-soft: #fff1f1;
    --ac-disabled: #9ca3af;
    --ac-disabled-soft: #eef2f5;
    --ac-ds-shell-metal-light: rgba(255, 255, 255, .28);
    --ac-ds-shell-metal-mid: rgba(255, 255, 255, .09);
    --ac-ds-shell-metal-dark: rgba(0, 0, 0, .22);
    --ac-ds-shell-metal-border: rgba(255, 255, 255, .24);
    --ac-ds-shell-metal-shadow: rgba(0, 0, 0, .22);
    --ac-ds-subtle-bg: #f9fafb;
    --ac-ds-soft-bg: #f2f4f7;
    --ac-ds-surface-border-strong: #98a2b3;
    --ac-ds-heading-color: #101828;
    --ac-ds-text-secondary: #475467;
    --ac-ds-text-muted: var(--ac-ds-muted-text);
    --ac-ds-text-disabled: #98a2b3;
    --ac-ds-page-bg: #f4f6fa;
    --ac-text: var(--ac-ds-text);
    --ac-text-secondary: var(--ac-ds-text-secondary);
    --ac-text-muted: var(--ac-ds-muted-text);
    --ac-text-disabled: var(--ac-ds-text-disabled);
    --ac-bg: var(--ac-ds-page-bg);
    --ac-surface-soft: var(--ac-ds-surface-muted);
    --ac-surface-glass: var(--ac-ds-glass-bg);
    --ac-border-soft: var(--ac-ds-surface-border-soft);
    --ac-border-strong: var(--ac-ds-surface-border-strong);
    --ac-ds-page-padding-x: 28px;
    --ac-ds-page-padding-y: 24px;
    --ac-ds-page-gap: 16px;
    --ac-ds-grid-gap: 16px;
    --ac-ds-component-gap: 10px;
    --ac-ds-compact-gap: 7px;
    --ac-ds-form-row-gap: 12px;
    --ac-ds-context-nav-width: 45ch;
    --ac-ds-form-panel-width: var(--ac-ds-context-nav-width);
    --ac-ds-result-panel-min-width: 72ch;
    --ac-ds-radius-sm: 8px;
    /* AulaCore Claro (PreSkool composition, 10/11/2026): controls 10 px, cards and surfaces 16 px. */
    --ac-ds-radius-md: 10px;
    --ac-ds-radius-lg: 16px;
    --ac-ds-radius-surface: var(--ac-ds-radius-lg);
    --ac-ds-control-padding-x: 12px;
    --ac-ds-control-padding-y: 6px;
    --ac-ds-tab-height: 40px;
    --ac-ds-tab-padding-x: 14px;
    --ac-ds-field-bg: #fff;
    --ac-ds-field-border: #d0d5dd;
    --ac-ds-input-border: var(--ac-ds-field-border);
    --ac-ds-field-placeholder: #98a2b3;
    --ac-ds-glass-bg: #f5f7f9;
    --ac-ds-glass-bg-strong: #fff;
    --ac-ds-glass-border: var(--ac-ds-surface-border);
    --ac-ds-panel-border: #e8eaed;
    --ac-ds-card-border: #e8eaed;
    --ac-ds-panel-divider: #f2f4f7;
    --ac-ds-panel-header-bg: var(--ac-ds-surface);
    --ac-ds-panel-footer-bg: #fcfcfd;
    --ac-ds-panel-header-padding: 16px 20px;
    --ac-ds-panel-body-padding: 20px;
    --ac-ds-glass-highlight: #fff;
    --ac-ds-glass-shadow: none;
    --ac-ds-glass-shadow-soft: none;
    --ac-ds-glass-blur: 13px;
    --ac-ds-shell-glass-bg: rgba(var(--ac-ds-primary-rgb, 60, 141, 188), .86);
    --ac-ds-shell-glass-border: rgba(255, 255, 255, .24);
    --ac-ds-icon-glass-bg: transparent;
    --ac-ds-icon-glass-bg-hover: var(--ac-ds-primary-soft);
    --ac-ds-icon-glass-border: var(--ac-ds-surface-border);
    /* Card elevation: a hairline plus a soft, wide drop. */
    --ac-ds-card-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);
    --ac-ds-component-shadow: var(--ac-ds-card-shadow);
    --ac-ds-component-shadow-soft: 0 1px 2px rgba(16, 24, 40, .04);
    --ac-ds-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
    --ac-ds-shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);
    --ac-ds-overlay-shadow: 0 8px 30px rgba(0, 0, 0, .18);
    --ac-ds-focus-ring: 0 0 0 4px rgba(var(--ac-ds-primary-rgb, 60, 141, 188), .12);
    --ac-ds-table-header-bg: #fcfcfd;
    --ac-ds-table-header-border: #eaecf0;
    --ac-ds-table-row-alt: #fcfcfd;
    --ac-ds-table-text: #344054;
    --ac-ds-dt-button-border: #d0d5dd;
    /* Frame (rail + section column and top bar): light, as PreSkool's structure. The tile and active tones follow
       Apariencia's primary, so a school's colour still reaches the menu. */
    --ac-ds-sidebar-bg: #f8fafc;
    --ac-ds-sidebar-border: #e8eaed;
    --ac-ds-sidebar-text: #4b5568;
    --ac-ds-sidebar-heading: #6b7385;
    --ac-ds-sidebar-hover-bg: #eef1f6;
    --ac-ds-sidebar-tile-bg: #eceff4;
    --ac-ds-sidebar-tile-text: #64748b;
    --ac-ds-sidebar-active-bg: #fff;
    --ac-ds-sidebar-active-text: #111c33;
    --ac-ds-sidebar-active-shadow: 0 2px 8px rgba(15, 23, 42, .08);
    --ac-ds-topbar-bg: #fff;
    --ac-ds-topbar-text: #111c33;
    --ac-ds-topbar-muted: #4b5568;
    --ac-ds-topbar-control-border: #e8eaed;
    --ac-ds-topbar-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .05);
    /* Glass: only floating things (menus, panels, the section column) and the hero/summary cards of a desk. */
    --ac-ds-float-bg: rgba(255, 255, 255, .86);
    --ac-ds-float-border: rgba(232, 234, 237, .9);
    --ac-ds-float-blur: 16px;
    --ac-ds-float-shadow: 0 18px 44px -12px rgba(15, 23, 42, .22);
    --ac-ds-ink-strong: #111c33;
    --ac-ds-control-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    --ac-ds-dock-shadow: 0 -6px 20px -14px rgba(15, 23, 42, .3);
    --ac-ds-dialog-backdrop: rgba(15, 23, 42, .28);
    --ac-shadow-color-rgb: 17, 24, 39;
    /* The ink of the mockups' control shadows (#101828). */
    --ac-shadow-ink-rgb: 16, 24, 40;
    --ac-shadow-blue-rgb: 32, 52, 77;
    --ac-shadow-slate-rgb: 48, 68, 85;
    --ac-shadow-navy-rgb: 24, 36, 61;
    --ac-public-dropdown-accent: #01bafd;
    --ac-public-accordion-bg: #1ea0e0;
    --ac-public-accordion-hover: #005C97;
    --ac-shadow-soft: rgba(var(--ac-shadow-color-rgb), .05);
    --ac-shadow-medium: rgba(var(--ac-shadow-color-rgb), .16);
    --ac-shell-highlight: rgba(255, 255, 255, .28);
    --ac-shell-highlight-soft: rgba(255, 255, 255, .1);
    --ac-shell-shade: rgba(0, 0, 0, .12);
    --ac-icon-blue: #2f72c8;
    --ac-icon-blue-soft: #e9f2ff;
    --ac-icon-indigo: #5964c9;
    --ac-icon-indigo-soft: #eef0ff;
    --ac-icon-violet: #7c5acb;
    --ac-icon-violet-soft: #f1ecff;
    --ac-icon-purple: #9453bd;
    --ac-icon-purple-soft: #f5ebfb;
    --ac-icon-teal: #127573;
    --ac-icon-teal-soft: #e6f5f3;
    --ac-icon-cyan: #0e7a8e;
    --ac-icon-cyan-soft: #e6f6f9;
    --ac-icon-green: #1b7a49;
    --ac-icon-green-soft: #e8f6ef;
    --ac-icon-lime: #5f8d16;
    --ac-icon-lime-soft: #f0f7df;
    --ac-icon-amber: #c9820e;
    --ac-icon-amber-soft: #fff4df;
    --ac-icon-orange: #cf6f23;
    --ac-icon-orange-soft: #fff0e4;
    --ac-icon-rose: #c94f6a;
    --ac-icon-rose-soft: #fcebf0;
    --ac-icon-red: #c8483f;
    --ac-icon-red-soft: #fff0f0;
    --ac-icon-slate: #52616d;
    --ac-icon-slate-soft: #eef2f5;
    --ac-module-settings: var(--ac-icon-slate);
    --ac-module-settings-soft: var(--ac-icon-slate-soft);
    --ac-module-calendar: var(--ac-icon-orange);
    --ac-module-calendar-soft: var(--ac-icon-orange-soft);
    --ac-module-academics: var(--ac-icon-violet);
    --ac-module-academics-soft: var(--ac-icon-violet-soft);
    --ac-module-reception: var(--ac-icon-cyan);
    --ac-module-reception-soft: var(--ac-icon-cyan-soft);
    --ac-module-students: var(--ac-icon-blue);
    --ac-module-students-soft: var(--ac-icon-blue-soft);
    --ac-module-attendance: var(--ac-icon-teal);
    --ac-module-attendance-soft: var(--ac-icon-teal-soft);
    --ac-module-tasks: var(--ac-icon-indigo);
    --ac-module-tasks-soft: var(--ac-icon-indigo-soft);
    --ac-module-grades: var(--ac-icon-purple);
    --ac-module-grades-soft: var(--ac-icon-purple-soft);
    --ac-module-conduct: var(--ac-icon-rose);
    --ac-module-conduct-soft: var(--ac-icon-rose-soft);
    --ac-module-staff: var(--ac-icon-indigo);
    --ac-module-staff-soft: var(--ac-icon-indigo-soft);
    --ac-module-finance: var(--ac-icon-green);
    --ac-module-finance-soft: var(--ac-icon-green-soft);
    --ac-module-inventory: var(--ac-icon-lime);
    --ac-module-inventory-soft: var(--ac-icon-lime-soft);
    --ac-module-communication: var(--ac-icon-cyan);
    --ac-module-communication-soft: var(--ac-icon-cyan-soft);
    --ac-module-website: var(--ac-icon-teal);
    --ac-module-website-soft: var(--ac-icon-teal-soft);
    --ac-module-transport: var(--ac-icon-orange);
    --ac-module-transport-soft: var(--ac-icon-orange-soft);
    --ac-module-services: var(--ac-icon-blue);
    --ac-module-services-soft: var(--ac-icon-blue-soft);
    --ac-module-library: var(--ac-icon-amber);
    --ac-module-library-soft: var(--ac-icon-amber-soft);
    --ac-chart-1: var(--ac-icon-teal);
    --ac-chart-4: var(--ac-icon-orange);
    --ac-chart-5: var(--ac-icon-blue);
    --ac-chart-6: var(--ac-icon-violet);
    --ac-chart-7: var(--ac-icon-rose);
    --ac-chart-8: var(--ac-icon-slate);
    --ac-role-brand: var(--ac-ds-primary);
    --ac-role-brand-hover: var(--ac-ds-primary-hover);
    --ac-role-brand-soft: color-mix(in srgb, var(--ac-ds-primary) 14%, var(--ac-ds-surface) 86%);
    --ac-role-brand-contrast: var(--ac-ds-primary-contrast);
    --ac-role-neutral: var(--ac-icon-slate);
    --ac-role-neutral-soft: color-mix(in srgb, var(--ac-icon-slate) 11%, var(--ac-ds-surface) 89%);
    --ac-role-neutral-muted: var(--ac-ds-muted-text);
    --ac-role-success: var(--ac-ds-success);
    --ac-role-success-soft: color-mix(in srgb, var(--ac-ds-success) 16%, var(--ac-ds-surface) 84%);
    --ac-role-warning: var(--ac-ds-warning);
    --ac-role-warning-soft: color-mix(in srgb, var(--ac-ds-warning) 18%, var(--ac-ds-surface) 82%);
    --ac-role-danger: var(--ac-ds-danger);
    --ac-role-danger-soft: color-mix(in srgb, var(--ac-ds-danger) 15%, var(--ac-ds-surface) 85%);
    --ac-role-info: var(--ac-ds-info);
    --ac-role-info-soft: color-mix(in srgb, var(--ac-ds-info) 16%, var(--ac-ds-surface) 84%);
    /* AulaCore Claro status pills, alerts and neutral controls (content area). */
    --ac-status-success-bg: #ecfdf3;
    --ac-status-success-text: #067647;
    --ac-status-success-dot: #17b26a;
    --ac-status-success-border: #abefc6;
    --ac-status-warning-bg: #fffaeb;
    --ac-status-warning-text: #b54708;
    --ac-status-warning-dot: #f79009;
    --ac-status-warning-border: #fedf89;
    --ac-status-danger-bg: #fef3f2;
    --ac-status-danger-text: #b42318;
    --ac-status-danger-dot: #f04438;
    --ac-status-danger-border: #fecdca;
    --ac-status-info-bg: #eff8ff;
    --ac-status-info-text: #175cd3;
    --ac-status-info-dot: #2e90fa;
    --ac-status-info-border: #b2ddff;
    --ac-status-neutral-bg: #f2f4f7;
    --ac-status-neutral-text: #344054;
    --ac-status-neutral-dot: #98a2b3;
    --ac-status-neutral-border: #eaecf0;
    --ac-status-brand-bg: rgba(var(--ac-ds-primary-rgb), .08);
    --ac-status-brand-text: var(--ac-ds-primary);
    --ac-status-brand-dot: var(--ac-ds-primary);
    --ac-status-brand-border: rgba(var(--ac-ds-primary-rgb), .24);
    --ac-control-text: #344054;
    --ac-control-hover-bg: #f9fafb;
    --ac-control-radius: var(--ac-ds-radius-md);
    --ac-label-color: #344054;
    --ac-modal-radius: 16px;
    --ac-shadow-dropdown: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);
    --ac-shadow-modal: 0 20px 24px -4px rgba(16, 24, 40, .08), 0 8px 8px -4px rgba(16, 24, 40, .03);
    --ac-focus-ring-danger: 0 0 0 4px rgba(240, 68, 56, .12);
    --ac-alert-radius: 12px;
    /* Names used by the ui/* components: the same palette. */
    --ac-status-success-fg: var(--ac-status-success-text);
    --ac-status-warning-fg: var(--ac-status-warning-text);
    --ac-status-danger-fg: var(--ac-status-danger-text);
    --ac-status-info-fg: var(--ac-status-info-text);
    --ac-status-neutral-fg: var(--ac-status-neutral-text);
}

body.dark {
    --ac-ds-page-bg: #111827;
    --ac-ds-field-bg: #1f2937;
    --ac-ds-field-border: #3b4452;
    --ac-ds-field-placeholder: #9ca3af;
    --ac-ds-glass-bg: rgba(31, 41, 55, .82);
    --ac-ds-glass-bg-strong: rgba(31, 41, 55, .94);
    --ac-ds-glass-border: rgba(255, 255, 255, .12);
    --ac-ds-glass-highlight: rgba(255, 255, 255, .16);
    --ac-ds-glass-shadow: 0 8px 22px rgba(0, 0, 0, .24);
    --ac-ds-glass-shadow-soft: 0 4px 12px rgba(0, 0, 0, .2);
    --ac-ds-shell-glass-bg: rgba(var(--ac-ds-primary-rgb, 60, 141, 188), .78);
    --ac-ds-shell-glass-border: rgba(255, 255, 255, .14);
    --ac-ds-icon-glass-bg: transparent;
    --ac-ds-icon-glass-bg-hover: var(--ac-ds-primary-soft);
    --ac-ds-icon-glass-border: var(--ac-ds-surface-border);
    --ac-ds-component-shadow: var(--ac-ds-glass-shadow);
    --ac-ds-component-shadow-soft: var(--ac-ds-glass-shadow-soft);
    --ac-ds-shadow-sm: var(--ac-ds-glass-shadow-soft);
    --ac-ds-shadow-md: var(--ac-ds-glass-shadow);
    --ac-ds-table-header-bg: #252d3a;
    --ac-ds-table-header-border: #3b4452;
    --ac-ds-table-row-alt: #202938;
    --ac-ds-table-text: var(--ac-ds-text);
    --ac-ds-dt-button-border: #3b4452;
    --ac-ds-sidebar-bg: #161e2b;
    --ac-ds-sidebar-border: #273142;
    --ac-ds-sidebar-text: #d0d5dd;
    --ac-ds-sidebar-heading: #98a2b3;
    --ac-ds-sidebar-hover-bg: #1f2937;
    --ac-ds-sidebar-tile-bg: #253041;
    --ac-ds-sidebar-tile-text: #d0d5dd;
    --ac-ds-sidebar-active-bg: #253041;
    --ac-ds-sidebar-active-text: #f2f4f7;
    --ac-ds-topbar-bg: #161e2b;
    --ac-ds-topbar-text: #f2f4f7;
    --ac-ds-topbar-muted: #d0d5dd;
    --ac-ds-topbar-control-border: #3b4452;
    --ac-ds-float-bg: rgba(31, 41, 55, .9);
    --ac-ds-float-border: rgba(255, 255, 255, .12);
    --ac-ds-ink-strong: #f2f4f7;
    --ac-ds-panel-border: var(--ac-ds-surface-border);
    --ac-ds-card-border: var(--ac-ds-surface-border);
    --ac-ds-panel-divider: var(--ac-ds-surface-border);
    --ac-ds-panel-header-bg: var(--ac-ds-surface);
    --ac-ds-panel-footer-bg: var(--ac-ds-surface);
    --ac-ds-subtle-bg: #253041;
    --ac-ds-soft-bg: #253041;
    --ac-status-success-bg: rgba(23, 178, 106, .14);
    --ac-status-success-text: #75e0a7;
    --ac-status-success-border: rgba(23, 178, 106, .32);
    --ac-status-warning-bg: rgba(247, 144, 9, .14);
    --ac-status-warning-text: #fec84b;
    --ac-status-warning-border: rgba(247, 144, 9, .32);
    --ac-status-danger-bg: rgba(240, 68, 56, .14);
    --ac-status-danger-text: #fda29b;
    --ac-status-danger-border: rgba(240, 68, 56, .32);
    --ac-status-info-bg: rgba(46, 144, 250, .14);
    --ac-status-info-text: #84caff;
    --ac-status-info-border: rgba(46, 144, 250, .32);
    --ac-status-neutral-bg: #253041;
    --ac-status-neutral-text: #d0d5dd;
    --ac-status-neutral-border: #3b4452;
    --ac-status-brand-bg: rgba(var(--ac-ds-primary-rgb), .22);
    --ac-status-brand-text: var(--ac-ds-text);
    --ac-control-text: var(--ac-ds-text);
    --ac-control-hover-bg: #253041;
    --ac-label-color: var(--ac-ds-text);
    --ac-ds-heading-color: #f2f4f7;
    --ac-ds-text-secondary: #d0d5dd;
}/* Optional surface elevation selected in Settings; flat remains the default. */


body.shadow-applied {
    --ac-ds-component-shadow-soft: 0 3px 12px rgba(var(--ac-ds-primary-rgb), .09);
}

}/* tokens-shared.css *//*
 * AulaCore theme tokens shared with other sheets: the theme puts them in the "legacy" layer, in source order.
 */



:root {
    --font-default: "Roboto";
    --font-primary: var(--font-default);
    --font-regular: var(--font-default);
    --font-medium: var(--font-default);
    --color-white: #fff;
    /* AulaCore brand blue of the visual contract (focus ring, marks that keep the brand whatever the theme colour). */
    --ac-brand-blue: #05347F;
    --color-black: #000;
    /* Danger button of printed pages (the colours of print_common.src.css; aulacore-public/base.css prints with them). */
    --ac-print-danger: #d9534f;
    --ac-print-danger-border: #d43f3a;
    --ac-ds-body-size: 13px;
    --ac-ds-body-line-height: 1.38;
    --ac-ds-title-size: 14px;
    --ac-ds-title-size-lg: 16px;
    --ac-ds-small-size: 12px;
    --ac-ds-font-weight-normal: 400;
    --ac-ds-font-weight-title: 500;
    --ac-ds-font-weight-emphasis: 500;
    --ac-ds-font-weight-strong: 500;
    --ac-ds-text-shadow: none;
    --ac-teal-rgb: 0, 112, 116;
    --ac-green-rgb: 47, 158, 68;
    --ac-primary-soft: var(--ac-ds-primary-soft);
    --ac-success: var(--ac-ds-success);
    --ac-warning: var(--ac-ds-warning);
    --ac-danger: var(--ac-ds-danger);
    --ac-ds-panel-bg: var(--ac-ds-field-bg);
    --ac-ds-surface-border-soft: #e4e7ec;
    --ac-surface: var(--ac-ds-surface);
    --ac-border: var(--ac-ds-surface-border);
    --ac-focus: var(--ac-ds-focus-ring);
    --ac-ds-control-height: 38px;
    --ac-ds-dt-button-bg: var(--ac-ds-field-bg);
    --ac-chart-2: var(--ac-icon-green);
    --ac-chart-3: var(--ac-icon-amber);
    /* Public website, "Vidrio sobre foto" accents: navy veil over the school photos, gold eyebrows, teal and gold. */
    --ac-glass-navy-rgb: 16, 52, 82;
    --ac-glass-shadow-rgb: 6, 22, 38;
    --ac-glass-ink: #14324C;
    --ac-glass-ink-rgb: 20, 50, 76;
    --ac-glass-muted: #3E5568;
    --ac-glass-deep: #0B2236;
    --ac-glass-gold: #F2C14E;
    --ac-glass-gold-hover: #F6CF6E;
    --ac-glass-teal: #1FA39F;
    --ac-glass-teal-end: #23849A;
    --ac-glass-teal-ink: #0F625F;
    --ac-font-script: "AulaCore Chopin Script", "Brush Script MT", cursive;
    /* Public website v2: the width of the screen with fluid side margins, production rhythm, fine rules. */
    /* Public site content width like production: backgrounds go edge to edge, content stays within --ac-site-max. */
    --ac-site-max: 1340px;
    --ac-site-gutter: max(clamp(20px, 3.5vw, 50px), calc((100vw - var(--ac-site-max)) / 2));
    --ac-site-space: clamp(64px, 9vw, 128px);
    --ac-site-hairline: #D8E3E8;
    --ac-site-line: #CBD5DD;
    --ac-site-mist: #F3F6F8;
    --ac-site-sand: #F1EFEA;
    --ac-site-petrol: #0E526A;
    --ac-site-teal-from: #0F7C78;
    --ac-site-teal-to: #146479;
    --ac-site-footer: #1B1F24;
}

body.dark {
    --ac-ds-surface: var(--bs-card-bg, #1f2937);
    --ac-ds-surface-muted: var(--bs-gray-smoke, #2f3349);
    --ac-ds-surface-hover: var(--bs-fd-tab-content-hover, #3d4157);
    --ac-ds-surface-border: var(--bs-card-border-color, #374151);
    --ac-ds-text: var(--bs-body-color, #e5e7eb);
    --ac-ds-muted-text: var(--bs-text-muted, #939ca9);
    --ac-ds-dt-button-bg: #1f2937;
}/* AulaCore Claro type scale for the content area only: the shell (menu and top bar) keeps its own sizes. */


:is(.content-wrapper, .ac-content, .right-side, .modal, .ac-modal, .popover) {
    --ac-ds-body-size: var(--ac-font-size-md);
    --ac-ds-title-size: var(--ac-font-size-lg);
    --ac-ds-title-size-lg: var(--ac-font-size-lg);
    --ac-ds-small-size: var(--ac-font-size-xs);
    --ac-ds-control-height: var(--ac-control-height-md);
}
:is(.content-wrapper, .ac-content, .right-side, .popover) {
    font-size: var(--ac-ds-body-size);
}/* tokens-bridge.css *//*
 * Tokens Apariencia (theme.css, unlayered, loaded before the theme) also declares. They stay unlayered so they keep
 * winning over theme.css exactly as before; every other theme rule sits in a cascade layer.
 */




:root {
    --ac-ds-primary: var(--bs-primary, #054348);
    --ac-ds-primary-rgb: var(--bs-primary-rgb, 5, 67, 72);
    --ac-ds-primary-strong: #04343a;
    --ac-ds-primary-hover: var(--bs-primary-hover, var(--ac-ds-primary));
    --ac-ds-primary-active: var(--bs-primary-hover, var(--ac-ds-primary));
    --ac-ds-primary-soft: var(--bs-btn-hover-bg, #ebf0f0);
    --ac-ds-primary-soft-hover: var(--bs-pagination-hover-bg, #d7e1e2);
    --ac-ds-primary-contrast: var(--bs-primary-contrast, var(--color-white, #fff));
    --ac-ds-shell-bg: var(--ac-ds-primary);
    --ac-ds-shell-hover-bg: var(--bs-primary-hover, var(--ac-ds-primary));
    --ac-ds-shell-active-bg: var(--bs-primary-hover, var(--ac-ds-primary));
    --ac-ds-shell-submenu-bg: var(--ac-ds-primary-hover);
    --ac-ds-shell-border: var(--bs-btn-border-color, var(--ac-ds-primary));
    --ac-ds-shell-color: var(--bs-primary-contrast, var(--color-white, #fff));
    --ac-ds-shell-muted: var(--bs-primary-contrast, var(--color-white, #fff));
    --ac-ds-surface: #fff;
    --ac-ds-surface-muted: #f2f4f7;
    --ac-ds-surface-hover: var(--ac-ds-primary-soft);
    --ac-ds-surface-border: #e8eaed;
    --ac-ds-text: var(--bs-body-color, #1d2939);
    --ac-ds-muted-text: #667085;
}