/* Cartiez tokens v2.0.0 (2026-10-23) — GERADO por build_tokens.py a partir de tokens.json. Não edite à mão. */
/* Fontes: Google Fonts (OFL). Offline: assets/fonts/*.ttf */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400..800;1,400..800&family=Sora:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root{
  --cz-base-black:#000000;
  --cz-base-white:#FFFFFF;
  --cz-accent-lime:#BEFF0C;
  --cz-accent-lime-pill:#B8FF31;
  --cz-accent-lime-ink:#163300;
  --cz-accent-violet:#7B3BFF;
  --cz-accent-violet-light:#8A3BFF;
  --cz-accent-violet-mid:#5A1BD8;
  --cz-accent-violet-deep:#3A0CA3;
  --cz-accent-violet-night:#1A0640;
  --cz-accent-violet-notify:#B13BFF;
  --cz-accent-violet-ui:#6A2BFF;
  --cz-accent-violet-tint:#F1EEF8;
  --cz-accent-violet-mist:#CFC4EE;
  --cz-neutral-950:#0A0A0A;
  --cz-neutral-925:#0C0C0C;
  --cz-neutral-900:#111111;
  --cz-neutral-875:#121212;
  --cz-neutral-850:#141414;
  --cz-neutral-800:#181818;
  --cz-neutral-780:#1B1B1B;
  --cz-neutral-750:#1C1C1C;
  --cz-neutral-700:#2A2A2A;
  --cz-neutral-680:#2E2E2E;
  --cz-neutral-650:#333333;
  --cz-neutral-600:#3A3A3A;
  --cz-neutral-550:#444444;
  --cz-neutral-500:#616161;
  --cz-neutral-450:#6A6A6A;
  --cz-neutral-400:#777777;
  --cz-neutral-350:#8A8A8A;
  --cz-neutral-300:#9A9A9A;
  --cz-neutral-250:#BDBDBD;
  --cz-neutral-200:#DDDDDD;
  --cz-neutral-150:#E4E4E4;
  --cz-neutral-100:#EEEEEE;
  --cz-neutral-50:#F3F3F3;
  --cz-semantic-bg:#000000;
  --cz-semantic-bg-inverse:#FFFFFF;
  --cz-semantic-surface:#181818;
  --cz-semantic-surface-2:#111111;
  --cz-semantic-line:#2A2A2A;
  --cz-semantic-text:#FFFFFF;
  --cz-semantic-text-muted:#8A8A8A;
  --cz-semantic-text-subtle:#616161;
  --cz-semantic-status-paid:#BEFF0C;
  --cz-semantic-status-pending:#FFFFFF;
  --cz-semantic-status-shipped:#9A9A9A;
  --cz-semantic-status-cancelled:#444444;
  --cz-gradient-bento:linear-gradient(160deg,#1B1B1B 0%,#121212 100%);
  --cz-gradient-violet:linear-gradient(160deg,#8A3BFF 0%,#3A0CA3 100%);
  --cz-gradient-paid-radial:radial-gradient(ellipse 120% 70% at 85% 0%,#8A3BFF 0%,#5A1BD8 30%,#1A0640 62%,#000000 85%);
  --cz-font-display:Sora,sans-serif;
  --cz-font-ui:Archivo,sans-serif;
  --cz-font-mono:'Space Mono',monospace;
  --cz-font-weight-light:300;
  --cz-font-weight-regular:400;
  --cz-font-weight-medium:500;
  --cz-font-weight-semibold:600;
  --cz-font-weight-bold:700;
  --cz-font-weight-extrabold:800;
  --cz-text-2xs:9px;
  --cz-text-xs:11px;
  --cz-text-s:12px;
  --cz-text-m:14px;
  --cz-text-base:15px;
  --cz-text-l:17px;
  --cz-text-xl:22px;
  --cz-text-2xl:30px;
  --cz-text-3xl:44px;
  --cz-text-4xl:62px;
  --cz-text-5xl:84px;
  --cz-text-6xl:118px;
  --cz-text-hero:268px;
  --cz-space-1:4px;
  --cz-space-2:8px;
  --cz-space-3:12px;
  --cz-space-4:16px;
  --cz-space-5:20px;
  --cz-space-6:22px;
  --cz-space-7:28px;
  --cz-space-8:32px;
  --cz-space-10:44px;
  --cz-space-12:48px;
  --cz-space-18:72px;
  --cz-radius-xs:3px;
  --cz-radius-s:8px;
  --cz-radius-pill:10px;
  --cz-radius-button:12px;
  --cz-radius-m:14px;
  --cz-radius-bento:18px;
  --cz-radius-card:20px;
  --cz-radius-card-value:22px;
  --cz-radius-chip:20px;
  --cz-radius-phone-outer:54px;
  --cz-radius-phone-screen:44px;
  --cz-shadow-offset-button:3px 4px 0 0 #FFFFFF,3px 4px 0 2px #000000;
  --cz-shadow-card-float:0 18px 40px 0 rgba(0,0,0,.6);
  --cz-shadow-phone:0 30px 80px 0 rgba(0,0,0,.6);
  --cz-shadow-fab:0 8px 20px 0 rgba(0,0,0,.25);
  --cz-shadow-hairline-dark:inset 0 0 0 1px #2A2A2A;
  --cz-shadow-hairline-light:inset 0 0 0 1px #E4E4E4;
  --cz-shadow-glow-paid:0 0 0 2px #BEFF0C,0 0 18px 0 #BEFF0C;
  --cz-pattern-dots:radial-gradient(rgba(255,255,255,.16) 1px, transparent 1.3px) 0 0/14px 14px;
  --cz-pattern-dots-strong:radial-gradient(rgba(255,255,255,.4) 1.2px, transparent 1.6px) 0 0/14px 14px;
  --cz-pattern-dots-dark:radial-gradient(rgba(0,0,0,.18) 1px, transparent 1.3px) 0 0/14px 14px;
  --cz-pattern-dot-grid-size:14px;
  --cz-motion-duration-fast:160ms;
  --cz-motion-duration-base:320ms;
  --cz-motion-duration-word:60ms;
  --cz-motion-ease-out:cubic-bezier(0.2,0.8,0.2,1);
}
/* Estilos tipográficos */
.cz-t-wordmark{font-family:Sora,sans-serif;font-weight:600;letter-spacing:-0.055em;line-height:0.8}
.cz-t-display-xl{font-family:Sora,sans-serif;font-weight:300;font-size:62px;letter-spacing:-0.02em;line-height:1.06}
.cz-t-display-l{font-family:Sora,sans-serif;font-weight:300;font-size:54px;letter-spacing:-0.02em;line-height:1.06}
.cz-t-title{font-family:Sora,sans-serif;font-weight:300;font-size:34px;letter-spacing:-0.02em;line-height:1.2}
.cz-t-body{font-family:Sora,sans-serif;font-weight:400;font-size:17px;line-height:1.45}
.cz-t-body-s{font-family:Sora,sans-serif;font-weight:400;font-size:14px;line-height:1.5}
.cz-t-kicker{font-family:Sora,sans-serif;font-weight:400;font-size:11px;letter-spacing:0.14em;text-transform:uppercase}
.cz-t-number-xl{font-family:Archivo,sans-serif;font-weight:800;font-size:84px;font-style:italic;letter-spacing:-0.02em;line-height:0.9}
.cz-t-number-l{font-family:Archivo,sans-serif;font-weight:800;font-size:50px;font-style:italic;letter-spacing:-0.02em;line-height:1}
.cz-t-ui-strong{font-family:Archivo,sans-serif;font-weight:700;font-size:15px}
.cz-t-ui{font-family:Archivo,sans-serif;font-weight:600;font-size:14px}
.cz-t-app-title{font-family:'Space Mono',monospace;font-weight:700;font-size:28px;letter-spacing:-0.02em}
.cz-t-tag{font-family:'Space Mono',monospace;font-weight:700;font-size:10px;letter-spacing:0.08em;line-height:1.2;text-transform:uppercase}
.cz-t-receipt{font-family:'Space Mono',monospace;font-weight:400;font-size:12px;line-height:1.9}
.cz-t-marquee{font-family:Sora,sans-serif;font-weight:300;font-size:118px;letter-spacing:0.01em;text-transform:uppercase}
