/* NEC Energia webfonts.
   The brand manual specifies Kohinoor Telugu (primary) + Neubau Grotesk (support).
   Neither is licensed for redistribution and no binaries were supplied, so this
   system ships MONTSERRAT — the family actually used in the official
   "EDITAVEL PPT PADRAO NEC" deck and on necenergia.com.br. See readme.md > Typography. */

:root{
/* --- Institutional palette (Guia de Aplicacao da Marca, GRECO 2021) --- */
--nec-cyan:#00a9e0;            /* C100 M0 Y0 K0  ·  R0 G169 B224 */
--nec-yellow:#fedd00;          /* C0 M0 Y100 K0  ·  R254 G221 B0 */
--nec-gray:#53565a;            /* PANTONE Cool Gray 11 C · R83 G86 B90 */

/* --- Applied variants found in the official deck, letterhead and website --- */
--nec-cyan-bright:#09adec;     /* deck section titles, stat numbers */
--nec-cyan-web:#00adee;        /* website links / small titles */
--nec-cyan-deep:#009fe3;       /* logo wordmark, chapter eyebrows */
--nec-blue:#0871bf;            /* mid blue, chart series 2 */
--nec-navy:#0d3a5b;            /* image-library background, dark scrims */
--nec-navy-soft:#0b4660;
--nec-teal:#30adb7;            /* chart series 3 */
--nec-yellow-warm:#f4df2a;     /* quote mark, map pins */
--nec-yellow-pure:#fff100;     /* logo gradient stop */
--nec-yellow-grad:#ffec00;     /* accessory gradient stop */
--nec-green-grad:#009ee2;      /* accessory gradient stop (cyan end) */

/* --- Neutrals --- */
--nec-black:#0d0d0d;
--nec-ink:#3b3b3b;
--nec-gray-warm:#4a494a;       /* deck body copy */
--nec-gray-60:#7f7f7f;
--nec-gray-40:#a6a6a6;
--nec-gray-20:#d9d9d9;
--nec-gray-08:#efefef;
--nec-white:#ffffff;

/* --- Semantic aliases --- */
--text-heading:var(--nec-gray-warm);
--text-body:var(--nec-gray-warm);
--text-muted:var(--nec-gray-60);
--text-accent:var(--nec-cyan-bright);
--text-on-dark:var(--nec-white);
--text-on-dark-muted:rgba(255,255,255,.72);
--link:var(--nec-cyan-web);
--link-hover:var(--nec-blue);

--surface-page:var(--nec-white);
--surface-subtle:var(--nec-gray-08);
--surface-card:var(--nec-white);
--surface-dark:var(--nec-navy);
--surface-accent:var(--nec-cyan-bright);

--border-hairline:var(--nec-gray-20);
--border-strong:var(--nec-gray-40);
--border-on-dark:rgba(255,255,255,.35);

/* --- Signature gradient (the brand "accessory") --- */
--nec-gradient:linear-gradient(90deg,#ffec00 0%,#ffec00 17%,#009ee2 70%,#009ee2 100%); /* @kind color */
--nec-gradient-diagonal:linear-gradient(115deg,#ffec00 0%,#ffec00 12%,#009ee2 68%,#009ee2 100%); /* @kind color */
--nec-gradient-logo:linear-gradient(135deg,#fff100 0%,#009fe3 60%,#00adee 100%); /* @kind color */

/* --- Photo protection scrims --- */
--scrim-navy:linear-gradient(90deg,#0d3a5b 0%,#0d3a5b 42%,rgba(13,58,91,0) 100%); /* @kind color */
--scrim-blue:linear-gradient(90deg,#0871bf 0%,rgba(8,113,191,0) 100%); /* @kind color */
--scrim-gray:linear-gradient(90deg,#4a494a 0%,rgba(74,73,74,0) 100%); /* @kind color */
--scrim-bottom:linear-gradient(0deg,rgba(13,58,91,.85) 0%,rgba(13,58,91,0) 60%); /* @kind color */
}

:root{
--font-core:"Montserrat",system-ui,"Helvetica Neue",Arial,sans-serif;
--font-display:var(--font-core);
--font-body:var(--font-core);
/* The brand manual specifies Kohinoor Telugu (primary) + Neubau Grotesk (support).
   Both are commercial and no binaries were supplied, so no token points at them —
   see readme.md > Typography. Montserrat (--font-core) is the shipped family and is
   what the official PPTX embeds and the website loads. */

--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-extrabold:800; /* @kind font */
--fw-black:900; /* @kind font */

/* Deck scale, authored at 1280x720 (deck is 18288000x10287000 EMU = 16:9) */
--fs-slide-title:57.46px;
--fs-slide-kicker:16.7px;
--fs-slide-stat:39.5px;
--fs-slide-body:20px;

/* Editorial / web scale */
--fs-display:clamp(40px,5.2vw,72px); /* @kind font */
--fs-h1:clamp(34px,4vw,57px); /* @kind font */
--fs-h2:clamp(26px,2.6vw,36px); /* @kind font */
--fs-h3:24px;
--fs-h4:20px;
--fs-lead:20px;
--fs-body:16px;
--fs-small:14px;
--fs-eyebrow:13px;
--fs-caption:12px;

--lh-tight:1.05; /* @kind other */
--lh-title:1.15; /* @kind other */
--lh-snug:1.3; /* @kind other */
--lh-body:1.55; /* @kind other */
--lh-loose:1.7; /* @kind other */

--ls-display:-0.01em; /* @kind other */
--ls-title:0em; /* @kind other */
--ls-eyebrow:0.16em; /* @kind other */   /* ALL-CAPS kickers ride wide */
--ls-caps:0.08em; /* @kind other */
}

:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:80px;--sp-12:96px;--sp-13:128px;
/* Layout */
--container-max:1240px;
--container-pad:clamp(20px,5vw,72px);
--section-y:clamp(56px,7vw,120px); /* @kind spacing */
--grid-gutter:32px;
/* Deck geometry (from the official template, in 1280x720 units) */
--slide-margin-x:64px;
--slide-title-x:281px;   /* left edge of the standard title block */
--slide-title-y:70px;
}

:root{
/* Radii — NEC is a squared-off brand: photos, cards and bars are cut straight.
   The only round forms are the logo symbol, map pins and stat rings. */
--radius-none:0px;
--radius-sm:2px;
--radius-md:4px;
--radius-pill:999px;
--radius-circle:50%;

/* Elevation — used sparingly; cards prefer a hairline or a photo edge */
--shadow-none:none;
--shadow-card:0 2px 12px rgba(13,58,91,.08);
--shadow-raised:0 10px 30px rgba(13,58,91,.14);
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.12);

/* Borders */
--border-w:1px;
--border-w-thick:3px;
--rule-accent:3px solid var(--nec-cyan-bright); /* @kind other */

/* Motion */
--ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--dur-fast:140ms; /* @kind other */
--dur-base:240ms; /* @kind other */
--dur-slow:520ms; /* @kind other */

/* Transparency & blur */
--veil-dark:rgba(13,58,91,.62); /* @kind color */
--veil-light:rgba(255,255,255,.88); /* @kind color */
--blur-panel:blur(10px); /* @kind other */
}

a{color:var(--link);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--link-hover)}


/* --- SMI: cores funcionais (tokens_nec.css v2) --- */
:root{--smi-qualidade-boa:#1f8f4e;--smi-qualidade-boa-fundo:#e4f4ea;--smi-qualidade-suspeita:#b8760a;--smi-qualidade-suspeita-fundo:#fbefd9;--smi-qualidade-ruim:#c0392f;--smi-qualidade-ruim-fundo:#fae5e3;--smi-sem-dado:#a6a6a6;--smi-reprocessado:#6f42c1;--smi-reprocessado-fundo:#efe7fa;--smi-env1:#7f7f7f;--smi-env2:#0871bf;--smi-env3:#1f8f4e;}