/* PODS OROCHI — design tokens. Identidade da loja de referência: azul-aço #4581B9 / #245F96, branco, cinza claro, Inter.
   Padrão (skin "steel") é CLARO e fiel à referência; o escuro é um marinho premium. Skins: steel (padrão) | noir (Graphite) | ember (Ice). */
:root{
  --font-display:"Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --font-body:"Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --font-mono:"Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --radius-s:6px;--radius-m:10px;--radius-l:14px;--radius-pill:999px;
  --shadow-1:0 1px 2px rgba(15,28,46,.06),0 6px 20px -12px rgba(15,28,46,.18);
  --shadow-2:0 2px 6px rgba(15,28,46,.08),0 20px 50px -24px rgba(15,28,46,.28);
  --ease:cubic-bezier(.2,.8,.2,1);--dur:.2s;
  --gutter:clamp(16px,4vw,40px);--maxw:1200px;
  /* STEEL light (padrão) */
  --bg:#F3F4F6;--bg-2:#EAEDF1;--surface:#FFFFFF;--surface-2:#F7F8FA;--line:#E3E7EC;--line-2:#CBD3DC;
  --fg:#0F1C2E;--fg-2:#44546A;--fg-3:#66768A;
  --accent:#245F96;--accent-fg:#FFFFFF;--accent-2:#4581B9;--accent-soft:rgba(69,129,185,.12);
  --topbar-bg:#4581B9;--topbar-fg:#FFFFFF;--topbar-line:rgba(255,255,255,.18);
  --ok:#15935F;--warn:#B8740A;--danger:#D6324A;--info:#2E6FD8;
  --ok-soft:rgba(21,147,95,.12);--warn-soft:rgba(184,116,10,.14);--danger-soft:rgba(214,50,74,.12);--info-soft:rgba(46,111,216,.12);
  --skeleton:linear-gradient(90deg,var(--surface-2) 0%,var(--bg-2) 40%,var(--surface-2) 80%);
  --chart-1:#245F96;--chart-2:#4581B9;--chart-3:#8FB8E0;--chart-4:#F2A33A;--chart-5:#D6324A;--grid:rgba(15,28,46,.07);
  --hero-glow:radial-gradient(60% 50% at 75% 15%,rgba(69,129,185,.22),transparent 60%),radial-gradient(45% 45% at 15% 85%,rgba(36,95,150,.14),transparent 60%);
  --hero-panel:linear-gradient(135deg,#245F96 0%,#4581B9 100%);
  /* Cores das artes reais da marca (fundo preto + diagonal azul-céu): usadas no hero escuro e nas fotos */
  --brand-ink:#020203;--brand-ink-2:#0A1018;--brand-sky:#2AA9E0;--brand-sky-2:#4FC9E8;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0B1626;--bg-2:#0E1B2E;--surface:#13223A;--surface-2:#1A2C47;--line:#243954;--line-2:#30496B;
    --fg:#EEF3FA;--fg-2:#AEBDD3;--fg-3:#8496AE;
    --accent:#4D9BE6;--accent-fg:#06182B;--accent-2:#8FC1F0;--accent-soft:rgba(77,155,230,.16);
    --topbar-bg:#13223A;--topbar-fg:#EEF3FA;--topbar-line:rgba(255,255,255,.08);
    --ok:#3DDC97;--warn:#F5B547;--danger:#FF6B81;--info:#6FB1FF;
    --ok-soft:rgba(61,220,151,.14);--warn-soft:rgba(245,181,71,.16);--danger-soft:rgba(255,107,129,.14);--info-soft:rgba(111,177,255,.14);
    --shadow-1:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.5);--shadow-2:0 2px 6px rgba(0,0,0,.35),0 24px 60px -24px rgba(0,0,0,.6);
    --chart-1:#4D9BE6;--chart-2:#8FC1F0;--chart-3:#2F5F8F;--chart-4:#F2C14E;--chart-5:#FF6B81;--grid:rgba(255,255,255,.07);
    --hero-glow:radial-gradient(60% 50% at 75% 15%,rgba(77,155,230,.24),transparent 60%),radial-gradient(45% 45% at 15% 85%,rgba(36,95,150,.32),transparent 60%);
    --hero-panel:linear-gradient(135deg,#1B3F66 0%,#245F96 100%);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0B1626;--bg-2:#0E1B2E;--surface:#13223A;--surface-2:#1A2C47;--line:#243954;--line-2:#30496B;
  --fg:#EEF3FA;--fg-2:#AEBDD3;--fg-3:#8496AE;
  --accent:#4D9BE6;--accent-fg:#06182B;--accent-2:#8FC1F0;--accent-soft:rgba(77,155,230,.16);
  --topbar-bg:#13223A;--topbar-fg:#EEF3FA;--topbar-line:rgba(255,255,255,.08);
  --ok:#3DDC97;--warn:#F5B547;--danger:#FF6B81;--info:#6FB1FF;
  --ok-soft:rgba(61,220,151,.14);--warn-soft:rgba(245,181,71,.16);--danger-soft:rgba(255,107,129,.14);--info-soft:rgba(111,177,255,.14);
  --shadow-1:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.5);--shadow-2:0 2px 6px rgba(0,0,0,.35),0 24px 60px -24px rgba(0,0,0,.6);
  --chart-1:#4D9BE6;--chart-2:#8FC1F0;--chart-3:#2F5F8F;--chart-4:#F2C14E;--chart-5:#FF6B81;--grid:rgba(255,255,255,.07);
  --hero-glow:radial-gradient(60% 50% at 75% 15%,rgba(77,155,230,.24),transparent 60%),radial-gradient(45% 45% at 15% 85%,rgba(36,95,150,.32),transparent 60%);
  --hero-panel:linear-gradient(135deg,#1B3F66 0%,#245F96 100%);
  color-scheme:dark;
}
/* ---- SKIN noir = "Graphite": grafite quase preto com o azul-aço como único acento (premium noturno) ---- */
:root[data-skin="noir"],:root[data-skin="noir"][data-theme="dark"]{
  --bg:#0A0D12;--bg-2:#0E1218;--surface:#12161D;--surface-2:#181D26;--line:#232A35;--line-2:#303947;
  --fg:#F2F5F8;--fg-2:#B3BDC9;--fg-3:#7F8A98;
  --accent:#4D9BE6;--accent-fg:#06182B;--accent-2:#8FC1F0;--accent-soft:rgba(77,155,230,.16);
  --topbar-bg:#0E1218;--topbar-fg:#F2F5F8;--topbar-line:rgba(255,255,255,.08);
  --chart-1:#4D9BE6;--chart-2:#8FC1F0;--chart-3:#3A4A5E;--chart-4:#F2C14E;--chart-5:#FF6B81;--grid:rgba(255,255,255,.06);
  --hero-glow:radial-gradient(60% 50% at 75% 15%,rgba(77,155,230,.2),transparent 60%),radial-gradient(45% 45% at 15% 85%,rgba(36,95,150,.22),transparent 60%);
  --hero-panel:linear-gradient(135deg,#141A24 0%,#1B3F66 100%);color-scheme:dark;
}
@media (prefers-color-scheme:light){
  :root[data-skin="noir"]:not([data-theme="dark"]){
    --bg:#F5F6F7;--bg-2:#ECEEF1;--surface:#FFFFFF;--surface-2:#F7F8F9;--line:#E2E5E9;--line-2:#C9CED5;
    --fg:#0E1218;--fg-2:#454C56;--fg-3:#6B737E;
    --accent:#1F2A3A;--accent-fg:#FFFFFF;--accent-2:#245F96;--accent-soft:rgba(31,42,58,.1);
    --topbar-bg:#0E1218;--topbar-fg:#F2F5F8;--topbar-line:rgba(255,255,255,.08);
    --chart-1:#1F2A3A;--chart-2:#4581B9;--chart-3:#8FB8E0;--chart-4:#B8740A;--chart-5:#D6324A;--grid:rgba(14,18,24,.07);
    --hero-glow:radial-gradient(60% 50% at 75% 15%,rgba(31,42,58,.14),transparent 60%),radial-gradient(45% 45% at 15% 85%,rgba(69,129,185,.12),transparent 60%);
    --hero-panel:linear-gradient(135deg,#0E1218 0%,#1F2A3A 100%);color-scheme:light;
  }
}
:root[data-skin="noir"][data-theme="light"]{
  --bg:#F5F6F7;--bg-2:#ECEEF1;--surface:#FFFFFF;--surface-2:#F7F8F9;--line:#E2E5E9;--line-2:#C9CED5;
  --fg:#0E1218;--fg-2:#454C56;--fg-3:#6B737E;
  --accent:#1F2A3A;--accent-fg:#FFFFFF;--accent-2:#245F96;--accent-soft:rgba(31,42,58,.1);
  --topbar-bg:#0E1218;--topbar-fg:#F2F5F8;--topbar-line:rgba(255,255,255,.08);
  --chart-1:#1F2A3A;--chart-2:#4581B9;--chart-3:#8FB8E0;--chart-4:#B8740A;--chart-5:#D6324A;--grid:rgba(14,18,24,.07);
  --hero-glow:radial-gradient(60% 50% at 75% 15%,rgba(31,42,58,.14),transparent 60%),radial-gradient(45% 45% at 15% 85%,rgba(69,129,185,.12),transparent 60%);
  --hero-panel:linear-gradient(135deg,#0E1218 0%,#1F2A3A 100%);color-scheme:light;
}
/* ---- SKIN ember = "Ice": branco total, mais ar, azul-aço mais claro ---- */
:root[data-skin="ember"],:root[data-skin="ember"][data-theme="light"]{
  --bg:#FFFFFF;--bg-2:#F2F6FA;--surface:#FFFFFF;--surface-2:#F4F7FB;--line:#E6ECF2;--line-2:#CFDAE6;
  --fg:#10203A;--fg-2:#4A5B72;--fg-3:#6F8096;
  --accent:#2F7FC1;--accent-fg:#FFFFFF;--accent-2:#245F96;--accent-soft:rgba(47,127,193,.12);
  --topbar-bg:#FFFFFF;--topbar-fg:#10203A;--topbar-line:#E6ECF2;
  --chart-1:#2F7FC1;--chart-2:#245F96;--chart-3:#A9CBEA;--chart-4:#F2A33A;--chart-5:#D6324A;--grid:rgba(16,32,58,.07);
  --hero-glow:radial-gradient(60% 50% at 75% 15%,rgba(47,127,193,.16),transparent 60%),radial-gradient(45% 45% at 15% 85%,rgba(36,95,150,.08),transparent 60%);
  --hero-panel:linear-gradient(135deg,#2F7FC1 0%,#5FA3DB 100%);color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root[data-skin="ember"]:not([data-theme="light"]){
    --bg:#0B1626;--bg-2:#0E1B2E;--surface:#13223A;--surface-2:#1A2C47;--line:#243954;--line-2:#30496B;
    --fg:#EEF3FA;--fg-2:#AEBDD3;--fg-3:#8496AE;--accent:#6FB1FF;--accent-fg:#06182B;--accent-2:#A9CBEA;--accent-soft:rgba(111,177,255,.16);
    --topbar-bg:#13223A;--topbar-fg:#EEF3FA;--topbar-line:rgba(255,255,255,.08);
    --chart-1:#6FB1FF;--chart-2:#A9CBEA;--chart-3:#2F5F8F;--chart-4:#F2C14E;--chart-5:#FF6B81;--grid:rgba(255,255,255,.07);
    --hero-panel:linear-gradient(135deg,#1B3F66 0%,#2F7FC1 100%);color-scheme:dark;
  }
}
:root[data-skin="ember"][data-theme="dark"]{
  --bg:#0B1626;--bg-2:#0E1B2E;--surface:#13223A;--surface-2:#1A2C47;--line:#243954;--line-2:#30496B;
  --fg:#EEF3FA;--fg-2:#AEBDD3;--fg-3:#8496AE;--accent:#6FB1FF;--accent-fg:#06182B;--accent-2:#A9CBEA;--accent-soft:rgba(111,177,255,.16);
  --topbar-bg:#13223A;--topbar-fg:#EEF3FA;--topbar-line:rgba(255,255,255,.08);
  --chart-1:#6FB1FF;--chart-2:#A9CBEA;--chart-3:#2F5F8F;--chart-4:#F2C14E;--chart-5:#FF6B81;--grid:rgba(255,255,255,.07);
  --hero-panel:linear-gradient(135deg,#1B3F66 0%,#2F7FC1 100%);color-scheme:dark;
}
/* alias: arctic -> steel (padrão) */