/* Peach Up Design System — build da dash (peachtech.com.br/dash).
   FONTE DA VERDADE: pasta "Peach Up Design System/" no repo (tokens copiados 1:1).
   Diferenças deliberadas desta build:
   1. SEM @import de webfont (CSP da dash = 'self'; em aparelho Apple a pilha
      resolve pro SF Pro real, como o pacote prevê).
   2. Camada de TEMA ESCURO no fim: extensão NOSSA (o pacote é só claro),
      remapeando apenas os aliases semânticos — os componentes não mudam. */
/* ===== tokens/colors.css (pacote oficial) ===== */
:root{
/* Brand — Peach Up. #FF6A14 is taken from the supplied wordmark file name/artwork. */
--peach-50:#FFF6F0;--peach-100:#FFE9DC;--peach-200:#FFD5BC;--peach-300:#FFB185;--peach-400:#FF8A45;--peach-500:#FF6A14;--peach-600:#E85A08;--peach-700:#C24A05;--peach-800:#8F3703;
/* Violet — inherited from the reference kit (#7F4EEC). Demoted to a data/secondary hue. */
--violet-50:#F5F2FE;--violet-100:#EDE8FB;--violet-200:#DCD2F8;--violet-300:#B79BF5;--violet-500:#7F4EEC;--violet-600:#6B3AD8;
/* Amber — kit accent 2 */
--amber-100:#FBEECF;--amber-300:#F2D07F;--amber-500:#E8B33C;--amber-600:#C9942A;
/* Neutrals — kit black #000, 50% black #6A6C6D, white #FFF */
--ink-950:#000000;--ink-900:#0E0F12;--ink-800:#1C1E22;--ink-700:#2A2C31;--ink-600:#4B4D52;--ink-500:#6A6C6D;--ink-400:#8E9093;--ink-300:#C7C9CC;--ink-200:#E4E6E9;--ink-150:#EBEDF0;--ink-100:#F1F2F4;--ink-50:#F7F8FA;--white:#FFFFFF;
/* Semantic status */
--positive-500:#14915B;--positive-100:#E3F5EC;--negative-500:#E5484D;--negative-100:#FEECEC;--warning-500:#E8B33C;--warning-100:#FBEECF;--info-500:#7F4EEC;--info-100:#EDE8FB;

/* ---- Semantic aliases: use these in components ---- */
--surface-page:#FAFAFB;--surface-page-tint:var(--peach-50);--surface-card:var(--white);--surface-sunken:var(--ink-50);--surface-raised:var(--white);
--surface-brand:var(--peach-500);--surface-brand-hover:var(--peach-600);--surface-brand-press:var(--peach-700);--surface-brand-tint:var(--peach-50);--surface-brand-tint-strong:var(--peach-100);
--surface-neutral:var(--ink-100);--surface-neutral-hover:var(--ink-150);--surface-overlay:rgba(14,15,18,.44);
--text-primary:var(--ink-900);--text-secondary:var(--ink-600);--text-muted:var(--ink-500);--text-faint:var(--ink-400);--text-inverse:var(--white);--text-brand:var(--peach-600);--text-on-brand:var(--white);
--border-subtle:var(--ink-200);--border-hairline:var(--ink-150);--border-strong:var(--ink-300);--border-brand:var(--peach-500);
--focus-ring:0 0 0 3px rgba(255,106,20,.28);
--link:var(--peach-600);--link-hover:var(--peach-700);
--delta-up-text:var(--positive-500);--delta-up-bg:var(--positive-100);--delta-down-text:var(--negative-500);--delta-down-bg:var(--negative-100);--delta-brand-text:var(--peach-600);--delta-brand-bg:var(--peach-100);
}

/* ===== tokens/typography.css (pacote oficial) ===== */
:root{
--font-ui:"Geist",-apple-system,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;
--font-display:"Geist",-apple-system,"SF Pro Display","Helvetica Neue",system-ui,sans-serif;
--font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

--text-display-size:40px;--text-display-line:1.08;--text-display-weight:var(--weight-semibold);--text-display-track:-.02em;
--text-h1-size:28px;--text-h1-line:1.2;--text-h1-weight:var(--weight-semibold);--text-h1-track:-.015em;
--text-h2-size:20px;--text-h2-line:1.3;--text-h2-weight:var(--weight-semibold);--text-h2-track:-.01em;
--text-h3-size:16px;--text-h3-line:1.4;--text-h3-weight:var(--weight-semibold);--text-h3-track:-.005em;
--text-metric-size:30px;--text-metric-line:1.1;--text-metric-weight:var(--weight-semibold);--text-metric-track:-.02em;
--text-metric-sm-size:20px;--text-metric-sm-line:1.15;
--text-body-size:14px;--text-body-line:1.45;--text-body-weight:var(--weight-regular);
--text-body-sm-size:13px;--text-body-sm-line:1.45;
--text-caption-size:12px;--text-caption-line:1.35;
--text-micro-size:11px;--text-micro-line:1.3;
--text-label-size:12px;--text-label-weight:var(--weight-medium);
--text-eyebrow-size:11px;--text-eyebrow-weight:var(--weight-medium);--text-eyebrow-track:.08em;
--num-tabular:"tnum" 1,"cv01" 1; /* @kind other */
}

/* ===== tokens/spacing.css (pacote oficial) ===== */
:root{
--space-0:0px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:20px;--space-10:24px;--space-12:32px;--space-14:40px;--space-16:48px;--space-20:64px;
--card-pad:16px;--card-pad-lg:20px;--card-gap:12px;--grid-gap:12px;--screen-pad:20px;--screen-pad-mobile:16px;
--sidebar-width:216px;--sidebar-width-collapsed:64px;--topbar-height:56px;--mobile-header-height:56px;--control-height:36px;--control-height-sm:30px;--control-height-lg:44px;--tap-target-min:44px;
--max-content:1440px;
}

/* ===== tokens/radius.css (pacote oficial) ===== */
:root{
--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-pill:999px;
--radius-card:16px;--radius-panel:12px;--radius-control:10px;--radius-chip:999px;--radius-tile:8px;--radius-nav-item:10px;--radius-app-icon:24px;
}

/* ===== tokens/elevation.css (pacote oficial) ===== */
:root{
--shadow-none:none;
--shadow-hairline:0 0 0 1px var(--border-hairline);
--shadow-card:0 1px 2px rgba(14,15,18,.04),0 8px 24px -14px rgba(14,15,18,.10);
--shadow-card-hover:0 1px 2px rgba(14,15,18,.05),0 14px 32px -16px rgba(14,15,18,.16);
--shadow-popover:0 12px 32px -8px rgba(14,15,18,.18),0 2px 6px rgba(14,15,18,.06);
--shadow-brand:0 8px 20px -10px rgba(255,106,20,.55);
--shadow-inset-track:inset 0 0 0 1px rgba(14,15,18,.04);
--blur-glass:saturate(140%) blur(18px); /* @kind other */
--glass-bg:rgba(255,255,255,.72); /* @kind color */
}

/* ===== tokens/motion.css (pacote oficial) ===== */
:root{
--dur-instant:80ms; /* @kind other */--dur-fast:120ms; /* @kind other */--dur-base:180ms; /* @kind other */--dur-slow:280ms; /* @kind other */--dur-chart:600ms; /* @kind other */
--ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */--ease-in:cubic-bezier(.4,0,1,1); /* @kind other */
--transition-control:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard); /* @kind other */
--transition-surface:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard); /* @kind other */
--press-scale:.985; /* @kind other */
}

/* ===== tokens/charts.css (pacote oficial) ===== */
:root{
/* Series order taken from the reference kit legend: Organic, Invalid, Referral. */
--chart-1:var(--peach-500);--chart-2:var(--violet-500);--chart-3:var(--amber-500);--chart-4:var(--peach-300);--chart-5:var(--violet-300);--chart-6:var(--ink-300);
--chart-1-soft:var(--peach-100);--chart-2-soft:var(--violet-100);--chart-3-soft:var(--amber-100);
--chart-grid:var(--ink-150);--chart-grid-dash:4 4; /* @kind other */--chart-axis-text:var(--text-faint);--chart-track:var(--ink-100);
--chart-bar-radius:var(--radius-pill);--chart-bar-width:14px;--chart-bar-gap:6px;
--chart-gauge-thickness:12px;--chart-tooltip-bg:var(--white);--chart-tooltip-shadow:var(--shadow-popover);
}

/* ===== tokens/base.css (pacote oficial) ===== */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0}
a{color:var(--link);text-decoration:none;transition:var(--transition-control)}
a:hover{color:var(--link-hover);text-decoration:underline}
button{font:inherit}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.pu-num{font-variant-numeric:tabular-nums}
/* Coluna principal de QUALQUER dash Peach Tech: teto --max-content e
   CENTRALIZADA no espaço livre em telas largas (gutter simétrico).
   Regra da casa 19/09/2026 — usar em toda dash nova. */
.pu-main{flex:1;min-width:0;max-width:var(--max-content);margin-inline:auto;padding:var(--screen-pad) var(--screen-pad) var(--space-16)}

/* ===== EXTENSÃO Peach Tech: tema escuro (fora do pacote; só aliases) ===== */
:root[data-tema="escuro"] {
  --surface-page:#0F1012; --surface-page-tint:#221510; --surface-card:#17181C;
  --surface-sunken:#131418; --surface-raised:#1C1E22;
  --surface-brand-tint:#2A1a10; --surface-brand-tint-strong:#3A2312;
  --surface-neutral:#22242A; --surface-neutral-hover:#2A2C31; --surface-overlay:rgba(0,0,0,.6);
  --text-primary:#F2F3F5; --text-secondary:#B7BAC0; --text-muted:#8E9093; --text-faint:#6A6C6D;
  --text-brand:#FF8A45; --link:#FF8A45; --link-hover:#FFB185;
  --border-subtle:#2A2C31; --border-hairline:#22242A; --border-strong:#4B4D52;
  --positive-100:#12291C; --negative-100:#2E1416; --warning-100:#2A2210; --info-100:#1F1833;
  --delta-up-bg:#12291C; --delta-down-bg:#2E1416; --delta-brand-bg:#3A2312;
  --chart-grid:#22242A; --chart-track:#1C1E22; --chart-axis-text:#6A6C6D;
  --shadow-card:0 1px 2px rgba(0,0,0,.4),0 8px 24px -14px rgba(0,0,0,.5);
  --shadow-card-hover:0 1px 2px rgba(0,0,0,.5),0 14px 32px -16px rgba(0,0,0,.6);
  --glass-bg:rgba(23,24,28,.72);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --surface-page:#0F1012; --surface-page-tint:#221510; --surface-card:#17181C;
    --surface-sunken:#131418; --surface-raised:#1C1E22;
    --surface-brand-tint:#2A1a10; --surface-brand-tint-strong:#3A2312;
    --surface-neutral:#22242A; --surface-neutral-hover:#2A2C31; --surface-overlay:rgba(0,0,0,.6);
    --text-primary:#F2F3F5; --text-secondary:#B7BAC0; --text-muted:#8E9093; --text-faint:#6A6C6D;
    --text-brand:#FF8A45; --link:#FF8A45; --link-hover:#FFB185;
    --border-subtle:#2A2C31; --border-hairline:#22242A; --border-strong:#4B4D52;
    --positive-100:#12291C; --negative-100:#2E1416; --warning-100:#2A2210; --info-100:#1F1833;
    --delta-up-bg:#12291C; --delta-down-bg:#2E1416; --delta-brand-bg:#3A2312;
    --chart-grid:#22242A; --chart-track:#1C1E22; --chart-axis-text:#6A6C6D;
    --shadow-card:0 1px 2px rgba(0,0,0,.4),0 8px 24px -14px rgba(0,0,0,.5);
    --shadow-card-hover:0 1px 2px rgba(0,0,0,.5),0 14px 32px -16px rgba(0,0,0,.6);
    --glass-bg:rgba(23,24,28,.72);
  }
}