/* Recreo: original palette and component values. Also the fallback for new skins. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/dm-sans-regular.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/dm-sans-medium.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/dm-sans-semibold.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/dm-sans-bold.ttf') format('truetype')}

:root {
  --text: #25332f;
  --page: #f6f7f6;
  --primary: #215d4b;
  --muted: #7b8580;
  --line: #e3e8e4;
  --primary-soft: #e4f0e8;
  --danger: #b8423a;
  --focus: #88b69d;
  --surface: #fff;
  --avatar-mint-bg: #dfece2;
  --avatar-mint-text: #386248;
  --avatar-yellow-bg: #f6edcf;
  --avatar-yellow-text: #8b7425;
  --avatar-peach-bg: #f7e1d8;
  --avatar-peach-text: #965f45;
  --avatar-lavender-bg: #eae4f0;
  --avatar-lavender-text: #766384;
  --heading: #39473f;
  --demo-border: #e6dcc2;
  --demo-text: #7e7046;
  --demo-bg: #fcfaf3;
  --online-text: #627769;
  --online-dot: #5b9973;
  --offline-dot: #bb5a46;
  --meta-text: #68756d;
  --input-icon: #88938b;
  --surface-hover: #f0f4f0;
  --filter-text: #727e76;
  --filter-active-bg: #e5eee7;
  --filter-active-border: #d9e7dc;
  --card-hover-border: #91aa98;
  --image-bg: #e8ece7;
  --selection-bg: #edf3ee;
  --selection-hover: #d5e6d8;
  --stock-bg: #fffffff0;
  --stock-text: #44524a;
  --student-border: #b7cbbc;
  --student-bg: #f9fbf9;
  --track-bg: #edf1ed;
  --track-fill: #9cb79d;
  --empty-text: #a0aaa3;
  --line-subtle: #f0f2f0;
  --order-bg: #fcfdfc;
  --primary-hover: #164935;
  --danger-border: #ebcdc8;
  --danger-bg: #fff8f6;
  --warning-border: #efdbc7;
  --warning-bg: #fff8ee;
  --warning-text: #96652b;
  --error-text: #9d463d;
  --error-border: #eed2ce;
  --error-bg: #fff5f2;
  --success-bg: #e9f3eb;
  --success-text: #54755c;
  --status-warning-bg: #fcf0dc;
  --status-warning-text: #8f6c30;
  --status-blocked-bg: #fae7e3;
  --status-blocked-text: #ab5348;
  --selection-border: #7b9c84;
  --balance-bg: #e4eee6;
  --balance-border: #7d9e83;
  --input-border: #d8e1d9;
  --setting-border: #e9eee9;
  --switch-off: #c9d3cb;
  --movement-bg: #eaf0ea;
  --movement-icon: #6d8672;
  --positive: #437956;
  --negative: #4e5a53;
  --table-head-bg: #eef2ee;
  --dialog-shadow-color: #15322225;
  --backdrop: #182c2466;
  --option-hover: #eff5ef;
  --success-icon-bg: #e1efe4;
  --amount-hover: #e8f1e8;
  --toast-bg: #253e32;
  --shadow-color: #0002;
  --demo-label: #9a7950;
  --pending-border: #dfc897;
  --pending-bg: #fffbf2;
  --camera-bg: #152a24;
  --result-text: #345d42;
  --result-border: #cddfce;
  --result-bg: #edf5ed;
  --session-warning-text: #493c20;
  --session-warning-border: #d9bf82;
  --session-warning-bg: #fff4d8;
  --photo-bg: #edf2ef;
  --credential-controls-bg: #f4f7f4;
  --font-body: 'DM Sans',system-ui,sans-serif;
  --font-heading: var(--font-body);
  --font-brand: var(--font-body);
  --green: var(--primary);
  --mint: var(--primary-soft);
  --red: var(--danger);
  --on-primary: #fff;
  --radius-xs: 4px;
  --radius-sm: 5px;
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-brand: 10px;
  --radius-button: 6px;
  --card-shadow: none;
  --brand-text: var(--text);
  --brand-accent: var(--primary);
  --nav-bg: var(--surface);
  --nav-text: var(--text);
  --nav-muted: var(--muted);
  --nav-line: var(--line);
  --nav-active-bg: var(--primary-soft);
  --nav-active-text: var(--primary);
  --heading-weight: 650;
  --brand-weight: 700;
}