/* GERADO por tokens/build.mjs a partir de tokens.json. Não edite à mão. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,500..800&family=Figtree:wght@700;800&family=Onest:wght@400..700&display=swap');

:root, [data-theme="light"] {
  color-scheme: light;
  --bg: #F3F7F5;
  --surface: #FFFFFF;
  --raised: #FFFFFF;
  --sunken: #E4ECE8;
  --hover: #ECF2EF;
  --overlay: rgba(11,42,38,0.48);
  --ink: #0B2A26;
  --ink-muted: #4C605A;
  --ink-disabled: #97A9A2;
  --line: #D5E2DC;
  --line-strong: #778B84;
  --action: #0F6B5A;
  --action-hover: #0B5548;
  --on-action: #FFFFFF;
  --action-soft: #E0F0EB;
  --action-soft-fg: #0B5548;
  --focus: #0B5548;
  --accent: #EE7A2C;
  --on-accent: #2A1204;
  --success: #0F6B5A;
  --success-soft: #E0F0EB;
  --success-soft-fg: #0B5548;
  --warning: #F5A524;
  --warning-soft: #FEF4DC;
  --warning-soft-fg: #7A4A08;
  --danger: #B42318;
  --danger-hover: #912018;
  --on-danger: #FFFFFF;
  --danger-soft: #FDECEA;
  --danger-soft-fg: #912018;
  --info: #235BB5;
  --info-soft: #E8F0FB;
  --info-soft-fg: #1C4A94;
  --svc-banho-bg: #E4F0FB;
  --svc-banho-fg: #174A7E;
  --svc-banho-solid: #2F7FD1;
  --svc-tosa-bg: #EEE9FA;
  --svc-tosa-fg: #45308A;
  --svc-tosa-solid: #7A5AC8;
  --svc-consulta-bg: #DDF3F0;
  --svc-consulta-fg: #0B5A53;
  --svc-consulta-solid: #0F8C80;
  --svc-vacina-bg: #FDF1D9;
  --svc-vacina-fg: #7A4A08;
  --svc-vacina-solid: #B87106;
  --svc-hotel-bg: #F4EAE2;
  --svc-hotel-fg: #6E3B1E;
  --svc-hotel-solid: #A0643A;
  --svc-exame-bg: #FBE6EE;
  --svc-exame-fg: #7E2349;
  --svc-exame-solid: #C24B7A;
  --svc-outro-bg: #E4ECE8;
  --svc-outro-fg: #35463F;
  --svc-outro-solid: #778B84;
  --status-agendado-bg: #E4ECE8;
  --status-agendado-fg: #35463F;
  --status-confirmado-bg: #E0F0EB;
  --status-confirmado-fg: #0B5548;
  --status-remarcacao-bg: #FEF4DC;
  --status-remarcacao-fg: #7A4A08;
  --status-andamento-bg: #E8F0FB;
  --status-andamento-fg: #1C4A94;
  --status-concluido-bg: #0B5548;
  --status-concluido-fg: #FFFFFF;
  --status-cancelado-bg: #F3F7F5;
  --status-cancelado-fg: #4C605A;
  --status-falta-bg: #FDECEA;
  --status-falta-fg: #912018;
  --chart-1: #0F6B5A;
  --chart-2: #2F7FD1;
  --chart-3: #B87106;
  --chart-4: #7A5AC8;
  --chart-5: #A0643A;
  --chart-6: #C24B7A;
  --chart-grid: #E4ECE8;
  --caudal-50: #E8F4F0;
  --caudal-100: #CDE8DF;
  --caudal-200: #9ED2C2;
  --caudal-300: #67B7A1;
  --caudal-400: #33997F;
  --caudal-500: #16806A;
  --caudal-600: #0F6B5A;
  --caudal-700: #0B5548;
  --caudal-800: #0A4439;
  --caudal-900: #0B2A26;
  --caudal-950: #061A17;
  --nevoa-25: #F8FBFA;
  --nevoa-50: #F3F7F5;
  --nevoa-100: #E4ECE8;
  --nevoa-200: #D5E2DC;
  --nevoa-300: #B6C7C0;
  --nevoa-400: #97A9A2;
  --nevoa-500: #778B84;
  --nevoa-600: #4C605A;
  --nevoa-700: #35463F;
  --nevoa-800: #20312C;
  --nevoa-900: #0B2A26;
  --nevoa-950: #081714;
  --laranja-100: #FDE6D3;
  --laranja-300: #F6A76A;
  --laranja-400: #EE7A2C;
  --laranja-600: #B8561A;
  --laranja-800: #6A2E0A;
  --shadow-1: 0 1px 2px rgba(11,42,38,0.06);
  --shadow-2: 0 6px 16px -4px rgba(11,42,38,0.14), 0 1px 3px rgba(11,42,38,0.08);
  --shadow-3: 0 24px 48px -12px rgba(11,42,38,0.30);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #081714;
    --surface: #0E201C;
    --raised: #142A25;
    --sunken: #051210;
    --hover: #17302A;
    --overlay: rgba(0,0,0,0.64);
    --ink: #E6F0EC;
    --ink-muted: #9BB0A8;
    --ink-disabled: #51645E;
    --line: #223A34;
    --line-strong: #6A7F78;
    --action: #3DB89C;
    --action-hover: #5CCBB0;
    --on-action: #03130F;
    --action-soft: #0F352D;
    --action-soft-fg: #8EDCC8;
    --focus: #8EDCC8;
    --accent: #F28C45;
    --on-accent: #1F0D02;
    --success: #3DB89C;
    --success-soft: #0F352D;
    --success-soft-fg: #8EDCC8;
    --warning: #F5B544;
    --warning-soft: #33260D;
    --warning-soft-fg: #F8C872;
    --danger: #F07A6E;
    --danger-hover: #F59C92;
    --on-danger: #1C0503;
    --danger-soft: #3A1512;
    --danger-soft-fg: #F59C92;
    --info: #7AA7EB;
    --info-soft: #12243F;
    --info-soft-fg: #A9C6F2;
    --svc-banho-bg: #10263D;
    --svc-banho-fg: #A9CDF2;
    --svc-banho-solid: #5C9FE3;
    --svc-tosa-bg: #231B3F;
    --svc-tosa-fg: #C9B8F2;
    --svc-tosa-solid: #9C83DB;
    --svc-consulta-bg: #0C2A27;
    --svc-consulta-fg: #8ADBD1;
    --svc-consulta-solid: #3DB5A8;
    --svc-vacina-bg: #33260D;
    --svc-vacina-fg: #F8C872;
    --svc-vacina-solid: #F0A933;
    --svc-hotel-bg: #33200F;
    --svc-hotel-fg: #E8B894;
    --svc-hotel-solid: #C98B5C;
    --svc-exame-bg: #3A1226;
    --svc-exame-fg: #F2A7C4;
    --svc-exame-solid: #DE7AA2;
    --svc-outro-bg: #1B2E29;
    --svc-outro-fg: #C3D1CB;
    --svc-outro-solid: #8C9C96;
    --status-agendado-bg: #1B2E29;
    --status-agendado-fg: #C3D1CB;
    --status-confirmado-bg: #0F352D;
    --status-confirmado-fg: #8EDCC8;
    --status-remarcacao-bg: #33260D;
    --status-remarcacao-fg: #F8C872;
    --status-andamento-bg: #12243F;
    --status-andamento-fg: #A9C6F2;
    --status-concluido-bg: #3DB89C;
    --status-concluido-fg: #03130F;
    --status-cancelado-bg: #081714;
    --status-cancelado-fg: #9BB0A8;
    --status-falta-bg: #3A1512;
    --status-falta-fg: #F59C92;
    --chart-1: #3DB89C;
    --chart-2: #5C9FE3;
    --chart-3: #F0A933;
    --chart-4: #9C83DB;
    --chart-5: #C98B5C;
    --chart-6: #DE7AA2;
    --chart-grid: #1B2E29;
    --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-2: 0 6px 16px -4px rgba(0,0,0,0.6), 0 1px 3px rgba(0,0,0,0.5);
    --shadow-3: 0 24px 48px -12px rgba(0,0,0,0.7);
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #081714;
  --surface: #0E201C;
  --raised: #142A25;
  --sunken: #051210;
  --hover: #17302A;
  --overlay: rgba(0,0,0,0.64);
  --ink: #E6F0EC;
  --ink-muted: #9BB0A8;
  --ink-disabled: #51645E;
  --line: #223A34;
  --line-strong: #6A7F78;
  --action: #3DB89C;
  --action-hover: #5CCBB0;
  --on-action: #03130F;
  --action-soft: #0F352D;
  --action-soft-fg: #8EDCC8;
  --focus: #8EDCC8;
  --accent: #F28C45;
  --on-accent: #1F0D02;
  --success: #3DB89C;
  --success-soft: #0F352D;
  --success-soft-fg: #8EDCC8;
  --warning: #F5B544;
  --warning-soft: #33260D;
  --warning-soft-fg: #F8C872;
  --danger: #F07A6E;
  --danger-hover: #F59C92;
  --on-danger: #1C0503;
  --danger-soft: #3A1512;
  --danger-soft-fg: #F59C92;
  --info: #7AA7EB;
  --info-soft: #12243F;
  --info-soft-fg: #A9C6F2;
  --svc-banho-bg: #10263D;
  --svc-banho-fg: #A9CDF2;
  --svc-banho-solid: #5C9FE3;
  --svc-tosa-bg: #231B3F;
  --svc-tosa-fg: #C9B8F2;
  --svc-tosa-solid: #9C83DB;
  --svc-consulta-bg: #0C2A27;
  --svc-consulta-fg: #8ADBD1;
  --svc-consulta-solid: #3DB5A8;
  --svc-vacina-bg: #33260D;
  --svc-vacina-fg: #F8C872;
  --svc-vacina-solid: #F0A933;
  --svc-hotel-bg: #33200F;
  --svc-hotel-fg: #E8B894;
  --svc-hotel-solid: #C98B5C;
  --svc-exame-bg: #3A1226;
  --svc-exame-fg: #F2A7C4;
  --svc-exame-solid: #DE7AA2;
  --svc-outro-bg: #1B2E29;
  --svc-outro-fg: #C3D1CB;
  --svc-outro-solid: #8C9C96;
  --status-agendado-bg: #1B2E29;
  --status-agendado-fg: #C3D1CB;
  --status-confirmado-bg: #0F352D;
  --status-confirmado-fg: #8EDCC8;
  --status-remarcacao-bg: #33260D;
  --status-remarcacao-fg: #F8C872;
  --status-andamento-bg: #12243F;
  --status-andamento-fg: #A9C6F2;
  --status-concluido-bg: #3DB89C;
  --status-concluido-fg: #03130F;
  --status-cancelado-bg: #081714;
  --status-cancelado-fg: #9BB0A8;
  --status-falta-bg: #3A1512;
  --status-falta-fg: #F59C92;
  --chart-1: #3DB89C;
  --chart-2: #5C9FE3;
  --chart-3: #F0A933;
  --chart-4: #9C83DB;
  --chart-5: #C98B5C;
  --chart-6: #DE7AA2;
  --chart-grid: #1B2E29;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2: 0 6px 16px -4px rgba(0,0,0,0.6), 0 1px 3px rgba(0,0,0,0.5);
  --shadow-3: 0 24px 48px -12px rgba(0,0,0,0.7);
}

:root {
  --space-0: 0px;
  --space-0_5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-30: 120px;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --size-touch: 44px;
  --size-control-sm: 36px;
  --size-control-md: 44px;
  --size-control-lg: 52px;
  --size-sidebar: 248px;
  --size-rail: 72px;
  --size-tabbar: 64px;
  --size-topbar: 56px;
  --size-agenda-hour: 72px;
  --size-content-max: 1320px;
  --size-landing-max: 1120px;
  --size-measure: 62ch;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;
  --z-sticky: 10;
  --z-nav: 20;
  --z-overlay: 40;
  --z-toast: 50;
  --font-display: "Archivo", "Onest", system-ui, sans-serif;
  --font-ui: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.display-2xl { font-family: var(--font-display); font-size: 72px; line-height: 74px; font-weight: 800; letter-spacing: -1.5px; }
.display-xl { font-family: var(--font-display); font-size: 56px; line-height: 60px; font-weight: 750; letter-spacing: -1.1px; }
.display-lg { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.6px; }
.display-md { font-family: var(--font-display); font-size: 30px; line-height: 36px; font-weight: 700; letter-spacing: -0.4px; }
.display-sm { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 650; letter-spacing: -0.2px; }
.title-lg { font-family: var(--font-ui); font-size: 20px; line-height: 28px; font-weight: 600; }
.title-md { font-family: var(--font-ui); font-size: 18px; line-height: 26px; font-weight: 600; }
.title-sm { font-family: var(--font-ui); font-size: 16px; line-height: 24px; font-weight: 600; }
.body-lg { font-family: var(--font-ui); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-md { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 400; }
.body-sm { font-family: var(--font-ui); font-size: 13px; line-height: 18px; font-weight: 400; }
.label-md { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 550; }
.label-sm { font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 550; }
.caption { font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 400; }