/* GERADO por scripts/ui-sync.sh a partir de @jabutee/ui 0.2.0 (v0.2.0). Não edite aqui. */

:root {
  color-scheme: dark;
  --jb-scheme        : dark;
  --jb-ground        : #0B0D12;
  --jb-surface       : rgba(255,255,255,.055);
  --jb-surface-2     : rgba(255,255,255,.10);
  --jb-hair          : rgba(255,255,255,.10);
  --jb-text          : #F1F3F8;
  --jb-warn-ink      : #F0A63A;
  --jb-bad-ink       : #F27379;
  --jb-good-ink      : #34C766;
  --jb-text-2        : #98A1B3;
  --jb-text-3        : #606A7B;
  --jb-accent        : #DE8500;
  --jb-accent-2      : #F0A63A;
  --jb-ring          : #DE8500;
  --jb-floating      : #1E222A;
  --jb-shadow-none   : none;
  --jb-shadow-raised : 0 12px 30px -8px rgba(0,0,0,.7);
  --jb-shadow-overlay: 0 22px 46px -14px rgba(0,0,0,.78),0 2px 8px rgba(0,0,0,.4);
  --jb-shadow-dock   : 0 26px 60px -18px rgba(0,0,0,.72),0 3px 12px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.15);
  --jb-vignette      : radial-gradient(120% 90% at 50% 0%,transparent 45%,rgba(0,0,0,.42) 100%);
  --jb-aura          : radial-gradient(1100px 720px at 50% -8%,rgba(148,168,214,.13),transparent 62%),radial-gradient(1300px 800px at 50% 122%,rgba(74,94,146,.10),transparent 66%);
  --jb-glass-fill    : linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.042));
  --jb-focus-ring    : 0 0 0 2px #0B0D12,0 0 0 4px #DE8500;

  --jb-good    : #34C766;
  --jb-good-dim: #177F37;
  --jb-warn    : #F0A63A;
  --jb-bad     : #E5484D;

  --jb-font-display: 'Bricolage Grotesque',var(--jb-font-ui);
  --jb-font-ui     : 'Sora',-apple-system,'SF Pro Text',system-ui,sans-serif;
  --jb-font-body   : -apple-system,'SF Pro Text',system-ui,'Segoe UI',sans-serif;
  --jb-font-mono   : ui-monospace,'SF Mono',SFMono-Regular,Menlo,monospace;

  --jb-size-micro  : 9.5px;
  --jb-size-mini   : 10.5px;
  --jb-size-small  : 11.5px;
  --jb-size-label  : 12.5px;
  --jb-size-body   : 15px;
  --jb-size-lead   : 17px;
  --jb-size-h3     : 20px;
  --jb-size-h2     : 26px;
  --jb-size-h1     : 34px;
  --jb-size-display: clamp(2.1rem, 1.3rem + 2.7vw, 3.15rem);

  --jb-weight-regular : 400;
  --jb-weight-medium  : 500;
  --jb-weight-semibold: 600;
  --jb-weight-bold    : 700;
  --jb-weight-black   : 800;

  --jb-tracking-display : -.045em;
  --jb-tracking-heading : -.02em;
  --jb-tracking-normal  : -.005em;
  --jb-tracking-label   : .01em;
  --jb-tracking-caps    : .1em;
  --jb-tracking-capsWide: .11em;

  --jb-leading-tight  : 1.1;
  --jb-leading-snug   : 1.3;
  --jb-leading-normal : 1.55;
  --jb-leading-relaxed: 1.7;

  --jb-numeric: tabular-nums;

  --jb-space-none: 0;
  --jb-space-3xs : 2px;
  --jb-space-2xs : 4px;
  --jb-space-xs  : 6px;
  --jb-space-sm  : 8px;
  --jb-space-md  : 12px;
  --jb-space-lg  : 16px;
  --jb-space-xl  : 20px;
  --jb-space-2xl : 24px;
  --jb-space-3xl : 32px;
  --jb-space-4xl : 40px;
  --jb-space-5xl : 48px;
  --jb-space-6xl : 64px;
  --jb-space-7xl : 80px;
  --jb-space-8xl : 96px;

  --jb-radius-none  : 0;
  --jb-radius-xs    : 4px;
  --jb-radius-sm    : 7px;
  --jb-radius-md    : 11px;
  --jb-radius-lg    : 16px;
  --jb-radius-xl    : 22px;
  --jb-radius-pill  : 999px;
  --jb-radius-circle: 50%;

  --jb-hairline      : 1px;
  --jb-measure-prose : 68ch;
  --jb-measure-narrow: 48ch;
  --jb-topo-h        : 0px;

  --jb-glass       : blur(20px) saturate(160%);
  --jb-glass-strong: blur(34px) saturate(180%);

  --jb-ease          : cubic-bezier(.16,1,.3,1);
  --jb-ease-in-out   : cubic-bezier(.4,0,.2,1);
  --jb-dur-instant   : 130ms;
  --jb-dur-state     : 170ms;
  --jb-dur-exit      : 140ms;
  --jb-dur-layer     : 280ms;
  --jb-dur-entrance  : 550ms;
  --jb-stagger-tight : 35ms;
  --jb-stagger-normal: 50ms;
  --jb-stagger-loose : 80ms;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --jb-scheme        : light;
    --jb-ground        : #F6F7F9;
    --jb-surface       : #FFFFFF;
    --jb-surface-2     : #EAEEF4;
    --jb-hair          : rgba(20,30,50,.10);
    --jb-text          : #1F2329;
    --jb-warn-ink      : #9E5E00;
    --jb-bad-ink       : #A62A33;
    --jb-good-ink      : #177F37;
    --jb-text-2        : #5A6472;
    --jb-text-3        : #7A8494;
    --jb-accent        : #DE8500;
    --jb-accent-2      : #9E5E00;
    --jb-ring          : #9E5E00;
    --jb-floating      : #FFFFFF;
    --jb-shadow-none   : none;
    --jb-shadow-raised : 0 1px 2px rgba(18,21,28,.05),0 14px 34px -26px rgba(18,21,28,.35);
    --jb-shadow-overlay: 0 18px 40px -12px rgba(18,21,28,.20),0 2px 6px rgba(18,21,28,.08);
    --jb-shadow-dock   : 0 20px 46px -16px rgba(18,21,28,.20),0 2px 8px rgba(18,21,28,.07),inset 0 1px 0 rgba(255,255,255,.9);
    --jb-vignette      : radial-gradient(120% 90% at 50% 0%,transparent 45%,rgba(20,30,50,.06) 100%);
    --jb-aura          : radial-gradient(1100px 720px at 50% -8%,rgba(120,150,210,.10),transparent 62%),radial-gradient(1300px 800px at 50% 122%,rgba(90,110,160,.07),transparent 66%);
    --jb-glass-fill    : linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.74));
    --jb-focus-ring    : 0 0 0 2px #F6F7F9,0 0 0 4px #9E5E00;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --jb-scheme        : light;
  --jb-ground        : #F6F7F9;
  --jb-surface       : #FFFFFF;
  --jb-surface-2     : #EAEEF4;
  --jb-hair          : rgba(20,30,50,.10);
  --jb-text          : #1F2329;
  --jb-warn-ink      : #9E5E00;
  --jb-bad-ink       : #A62A33;
  --jb-good-ink      : #177F37;
  --jb-text-2        : #5A6472;
  --jb-text-3        : #7A8494;
  --jb-accent        : #DE8500;
  --jb-accent-2      : #9E5E00;
  --jb-ring          : #9E5E00;
  --jb-floating      : #FFFFFF;
  --jb-shadow-none   : none;
  --jb-shadow-raised : 0 1px 2px rgba(18,21,28,.05),0 14px 34px -26px rgba(18,21,28,.35);
  --jb-shadow-overlay: 0 18px 40px -12px rgba(18,21,28,.20),0 2px 6px rgba(18,21,28,.08);
  --jb-shadow-dock   : 0 20px 46px -16px rgba(18,21,28,.20),0 2px 8px rgba(18,21,28,.07),inset 0 1px 0 rgba(255,255,255,.9);
  --jb-vignette      : radial-gradient(120% 90% at 50% 0%,transparent 45%,rgba(20,30,50,.06) 100%);
  --jb-aura          : radial-gradient(1100px 720px at 50% -8%,rgba(120,150,210,.10),transparent 62%),radial-gradient(1300px 800px at 50% 122%,rgba(90,110,160,.07),transparent 66%);
  --jb-glass-fill    : linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.74));
  --jb-focus-ring    : 0 0 0 2px #F6F7F9,0 0 0 4px #9E5E00;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --jb-scheme        : dark;
  --jb-ground        : #0B0D12;
  --jb-surface       : rgba(255,255,255,.055);
  --jb-surface-2     : rgba(255,255,255,.10);
  --jb-hair          : rgba(255,255,255,.10);
  --jb-text          : #F1F3F8;
  --jb-warn-ink      : #F0A63A;
  --jb-bad-ink       : #F27379;
  --jb-good-ink      : #34C766;
  --jb-text-2        : #98A1B3;
  --jb-text-3        : #606A7B;
  --jb-accent        : #DE8500;
  --jb-accent-2      : #F0A63A;
  --jb-ring          : #DE8500;
  --jb-floating      : #1E222A;
  --jb-shadow-none   : none;
  --jb-shadow-raised : 0 12px 30px -8px rgba(0,0,0,.7);
  --jb-shadow-overlay: 0 22px 46px -14px rgba(0,0,0,.78),0 2px 8px rgba(0,0,0,.4);
  --jb-shadow-dock   : 0 26px 60px -18px rgba(0,0,0,.72),0 3px 12px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.15);
  --jb-vignette      : radial-gradient(120% 90% at 50% 0%,transparent 45%,rgba(0,0,0,.42) 100%);
  --jb-aura          : radial-gradient(1100px 720px at 50% -8%,rgba(148,168,214,.13),transparent 62%),radial-gradient(1300px 800px at 50% 122%,rgba(74,94,146,.10),transparent 66%);
  --jb-glass-fill    : linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.042));
  --jb-focus-ring    : 0 0 0 2px #0B0D12,0 0 0 4px #DE8500;
}

:root[data-contrast="more"]:not([data-theme="light"]) {
  --jb-text-2 : #ADB4C2;
  --jb-text-3 : #8A94A4;
  --jb-hair   : rgba(255,255,255,.22);
  --jb-bad-ink: #F4868B;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"])[data-contrast="more"] {
    --jb-text-2 : #3C434C;
    --jb-text-3 : #545C68;
    --jb-hair   : rgba(20,30,50,.22);
    --jb-bad-ink: #98262F;
  }
}

:root[data-theme="light"][data-contrast="more"] {
  --jb-text-2 : #3C434C;
  --jb-text-3 : #545C68;
  --jb-hair   : rgba(20,30,50,.22);
  --jb-bad-ink: #98262F;
}
:root[data-theme="dark"][data-contrast="more"] {
  --jb-text-2 : #ADB4C2;
  --jb-text-3 : #8A94A4;
  --jb-hair   : rgba(255,255,255,.22);
  --jb-bad-ink: #F4868B;
}

@media (prefers-contrast: more) {
  :root:not([data-contrast]):not([data-theme="light"]) {
    --jb-text-2 : #ADB4C2;
    --jb-text-3 : #8A94A4;
    --jb-hair   : rgba(255,255,255,.22);
    --jb-bad-ink: #F4868B;
  }
  :root:not([data-contrast])[data-theme="light"] {
    --jb-text-2 : #3C434C;
    --jb-text-3 : #545C68;
    --jb-hair   : rgba(20,30,50,.22);
    --jb-bad-ink: #98262F;
  }
  :root:not([data-contrast])[data-theme="dark"] {
    --jb-text-2 : #ADB4C2;
    --jb-text-3 : #8A94A4;
    --jb-hair   : rgba(255,255,255,.22);
    --jb-bad-ink: #F4868B;
  }
}

@media (prefers-contrast: more) and (prefers-color-scheme: light) {
  :root:not([data-contrast]):not([data-theme="dark"]) {
    --jb-text-2 : #3C434C;
    --jb-text-3 : #545C68;
    --jb-hair   : rgba(20,30,50,.22);
    --jb-bad-ink: #98262F;
  }
}

:where(:root, [data-skin]) {
  --jb-table-bg              : var(--jb-surface);
  --jb-table-frame           : var(--jb-hair);
  --jb-table-radius          : var(--jb-radius-md);
  --jb-table-pad-x           : 20px;
  --jb-table-row-h           : 48px;
  --jb-table-row-bg          : var(--jb-ground);
  --jb-table-row-hover       : color-mix(in srgb, var(--jb-text) 4%, var(--jb-ground));
  --jb-table-row-open        : color-mix(in srgb, var(--jb-text) 6%, var(--jb-ground));
  --jb-table-rule            : color-mix(in srgb, var(--jb-hair) 55%, transparent);
  --jb-table-grid            : color-mix(in srgb, var(--jb-hair) 80%, transparent);
  --jb-table-head-h          : 48px;
  --jb-table-head-font       : var(--jb-font-body);
  --jb-table-head-bg         : color-mix(in srgb, var(--jb-text) 6%, var(--jb-ground));
  --jb-table-head-ink        : var(--jb-text-2);
  --jb-table-head-size       : var(--jb-size-mini);
  --jb-table-head-weight     : var(--jb-weight-medium);
  --jb-table-head-case       : none;
  --jb-table-head-tracking   : normal;
  --jb-table-head-rule       : color-mix(in srgb, var(--jb-text) 24%, transparent);
  --jb-group-bg              : color-mix(in srgb, var(--jb-text) 8%, var(--jb-ground));
  --jb-group-bg-2            : color-mix(in srgb, var(--jb-text) 4%, var(--jb-ground));
  --jb-group-pill            : color-mix(in srgb, var(--jb-text) 7%, var(--jb-ground));
  --jb-kanban-ink            : #1B1511;
  --jb-kanban-ink-2          : #54473D;
  --jb-kanban-ink-3          : #75685D;
  --jb-kanban-card           : #FFFAF3;
  --jb-kanban-lane           : #FFF3E3;
  --jb-kanban-accent         : #0E9F6E;
  --jb-kanban-font           : "Figtree", system-ui, sans-serif;
  --jb-kanban-font-mono      : "DM Mono", ui-monospace, monospace;
  --jb-kanban-card-edge      : 1.5px solid var(--jb-kanban-ink);
  --jb-kanban-card-edge-hover: var(--jb-kanban-ink);
  --jb-kanban-card-lift      : 2px 2px 0 var(--jb-kanban-ink);
  --jb-kanban-card-rise      : translate(-1px, -1px);
  --jb-field-bg              : transparent;
  --jb-field-bg-focus        : var(--jb-surface);
  --jb-field-edge            : transparent;
  --jb-field-edge-hover      : var(--jb-hair);
  --jb-field-edge-focus      : var(--jb-text-2);
  --jb-field-radius          : var(--jb-radius-xs);
  --jb-field-pad             : 5px 7px;
  --jb-field-size            : inherit;
  --jb-field-placeholder     : color-mix(in srgb, var(--jb-text-3) 38%, transparent);
}