/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --1: 10;
  --2: 12;
  --borda-botao-principal: rgb(230,194,0); /* @kind color */
  --borda-progresso-negativo: rgb(183,10,10); /* @kind color */
  --color-background: rgb(253,251,247); /* @kind color */
  --color-emphasis-light: rgb(253,236,234); /* @kind color */
  --color-primary-dark: rgb(230,194,0); /* @kind color */
  --color-primary: rgb(255,215,0); /* @kind color */
  --color-secondary-dark: rgb(47,114,196); /* @kind color */
  --color-secondary: rgb(74,144,226); /* @kind color */
  --color-success: rgb(39,174,96); /* @kind color */
  --color-text-primary: rgb(44,62,80); /* @kind color */
  --color-text-secondary: rgb(127,140,141); /* @kind color */
  --fundo-barra-progresso-2: rgb(253,251,247); /* @kind color */
  --fundo-barra-progresso: rgb(226,232,240); /* @kind color */
  --fundo-botao-principal-2: rgb(229,145,96); /* @kind color */
  --fundo-botao-principal: rgb(255,210,63); /* @kind color */
  --fundo-card-2: rgb(255,174,78); /* @kind color */
  --fundo-card: rgb(255,255,255); /* @kind color */
  --fundo-tela-2: rgb(255,214,152); /* @kind color */
  --fundo-tela: rgb(253,251,247); /* @kind color */
  --input: "String value";
  --logo-2: rgb(74,144,226); /* @kind color */
  --logo-borda-2: rgb(47,114,196); /* @kind color */
  --logo-borda: rgb(47,114,196); /* @kind color */
  --logo: rgb(74,144,226); /* @kind color */
  --progresso-ativo-2: rgb(101,72,170); /* @kind color */
  --progresso-ativo: rgb(76,175,80); /* @kind color */
  --progresso-negativo: rgb(248,15,15); /* @kind color */
  --radius-lg: 12;
  --radius-md: 8;
  --radius-pill: 1000;
  --radius-sm: 4;
  --radius-xl: 16;
  --space-10: 32;
  --space-12: 36;
  --space-16: 40;
  --space-1: 8;
  --space-20: 80;
  --space-2: 10;
  --space-3: 14;
  --space-4: 16;
  --space-5: 20;
  --space-6: 24;
  --space-8: 28;
  --string: "String value";
  --text: "String value";
  --texto-botao-principal: rgb(26,32,44); /* @kind color */
  --texto-primario-2: rgb(216,81,29); /* @kind color */
  --texto-primario: rgb(26,32,44); /* @kind color */
  --texto-secundario-2: rgb(101,72,170); /* @kind color */
  --texto-secundario: rgb(113,128,150); /* @kind color */
  --title-hero-font-weight: var(--weight-bold);
  --weight-bold: 700;
}

:root[data-mode="one-piece"] {
  --color-background: rgb(255,248,240); /* @kind color */
  --color-emphasis-light: rgb(255,240,235); /* @kind color */
  --color-primary-dark: rgb(193,18,31); /* @kind color */
  --color-primary: rgb(230,57,70); /* @kind color */
  --color-secondary-dark: rgb(13,110,253); /* @kind color */
  --color-secondary: rgb(33,145,251); /* @kind color */
  --color-success: rgb(45,198,83); /* @kind color */
  --color-text-primary: rgb(26,26,46); /* @kind color */
  --color-text-secondary: rgb(108,117,125); /* @kind color */
}

:root[data-mode="dinossauros"] {
  --color-background: rgb(245,253,240); /* @kind color */
  --color-emphasis-light: rgb(253,234,234); /* @kind color */
  --color-primary-dark: rgb(61,140,39); /* @kind color */
  --color-primary: rgb(90,174,62); /* @kind color */
  --color-secondary-dark: rgb(37,99,171); /* @kind color */
  --color-secondary: rgb(58,123,213); /* @kind color */
  --color-success: rgb(46,139,87); /* @kind color */
  --color-text-primary: rgb(27,58,26); /* @kind color */
  --color-text-secondary: rgb(97,139,87); /* @kind color */
}

:root[data-mode="princesa"] {
  --borda-botao-principal: rgb(216,27,96); /* @kind color */
  --borda-progresso-negativo: rgb(207,12,12); /* @kind color */
  --fundo-barra-progresso: rgb(248,187,208); /* @kind color */
  --fundo-botao-principal: rgb(255,105,180); /* @kind color */
  --fundo-card: rgb(255,255,255); /* @kind color */
  --fundo-tela: rgb(255,240,245); /* @kind color */
  --logo-borda: rgb(91,145,173); /* @kind color */
  --logo: rgb(134,193,224); /* @kind color */
  --progresso-ativo: rgb(156,39,176); /* @kind color */
  --progresso-negativo: rgb(255,0,0); /* @kind color */
  --texto-botao-principal: rgb(255,240,245); /* @kind color */
  --texto-primario: rgb(136,14,79); /* @kind color */
  --texto-secundario: rgb(216,27,96); /* @kind color */
}

:root[data-mode="dinossauro"] {
  --borda-botao-principal: rgb(64,39,3); /* @kind color */
  --borda-progresso-negativo: rgb(207,12,12); /* @kind color */
  --fundo-barra-progresso: rgb(200,230,201); /* @kind color */
  --fundo-botao-principal: rgb(103,64,6); /* @kind color */
  --fundo-card: rgb(255,255,255); /* @kind color */
  --fundo-tela: rgb(232,245,233); /* @kind color */
  --logo-borda: rgb(189,85,25); /* @kind color */
  --logo: rgb(229,116,50); /* @kind color */
  --progresso-ativo: rgb(76,175,80); /* @kind color */
  --progresso-negativo: rgb(255,0,0); /* @kind color */
  --texto-botao-principal: rgb(232,245,233); /* @kind color */
  --texto-primario: rgb(51,105,30); /* @kind color */
  --texto-secundario: rgb(85,139,47); /* @kind color */
}

:root[data-mode="unic-rnio"] {
  --borda-botao-principal: rgb(169,101,180); /* @kind color */
  --borda-progresso-negativo: rgb(207,12,12); /* @kind color */
  --fundo-barra-progresso: rgb(255,255,255); /* @kind color */
  --fundo-botao-principal: rgb(206,147,216); /* @kind color */
  --fundo-card: rgb(255,255,255); /* @kind color */
  --fundo-tela: rgb(252,228,236); /* @kind color */
  --logo-borda: rgb(117,32,142); /* @kind color */
  --logo: rgb(184,78,216); /* @kind color */
  --progresso-ativo: rgb(8,168,168); /* @kind color */
  --progresso-negativo: rgb(255,0,0); /* @kind color */
  --texto-botao-principal: rgb(255,255,255); /* @kind color */
  --texto-primario: rgb(106,27,154); /* @kind color */
  --texto-secundario: rgb(156,39,176); /* @kind color */
}

:root[data-mode="espa-o"] {
  --borda-botao-principal: rgb(8,168,168); /* @kind color */
  --borda-progresso-negativo: rgb(207,12,12); /* @kind color */
  --fundo-barra-progresso: rgb(58,80,107); /* @kind color */
  --fundo-botao-principal: rgb(0,255,255); /* @kind color */
  --fundo-card: rgb(28,37,65); /* @kind color */
  --fundo-tela: rgb(11,19,43); /* @kind color */
  --logo-borda: rgb(47,114,196); /* @kind color */
  --logo: rgb(255,255,255); /* @kind color */
  --progresso-ativo: rgb(57,255,20); /* @kind color */
  --progresso-negativo: rgb(255,0,0); /* @kind color */
  --texto-botao-principal: rgb(11,19,43); /* @kind color */
  --texto-primario: rgb(255,255,255); /* @kind color */
  --texto-secundario: rgb(203,213,225); /* @kind color */
}

:root[data-mode="futebol"] {
  --borda-botao-principal: rgb(219,169,0); /* @kind color */
  --borda-progresso-negativo: rgb(207,12,12); /* @kind color */
  --fundo-barra-progresso: rgb(214,231,251); /* @kind color */
  --fundo-botao-principal: rgb(254,213,76); /* @kind color */
  --fundo-card: rgb(255,255,255); /* @kind color */
  --fundo-tela: rgb(234,244,255); /* @kind color */
  --logo-borda: rgb(47,114,196); /* @kind color */
  --logo: rgb(74,144,226); /* @kind color */
  --progresso-ativo: rgb(219,169,0); /* @kind color */
  --progresso-negativo: rgb(255,0,0); /* @kind color */
  --texto-botao-principal: rgb(31,78,148); /* @kind color */
  --texto-primario: rgb(31,78,148); /* @kind color */
  --texto-secundario: rgb(106,136,184); /* @kind color */
}

:root[data-mode="halloween"] {
  --borda-botao-principal: rgb(255,183,77); /* @kind color */
  --borda-progresso-negativo: rgb(255,112,67); /* @kind color */
  --fundo-barra-progresso: rgb(90,70,122); /* @kind color */
  --fundo-botao-principal: rgb(245,124,0); /* @kind color */
  --fundo-card: rgb(28,37,65); /* @kind color */
  --fundo-tela: rgb(11,19,43); /* @kind color */
  --logo-borda: rgb(251,140,0); /* @kind color */
  --logo: rgb(255,213,79); /* @kind color */
  --progresso-ativo: rgb(102,187,106); /* @kind color */
  --progresso-negativo: rgb(230,74,25); /* @kind color */
  --texto-botao-principal: rgb(255,255,255); /* @kind color */
  --texto-primario: rgb(255,248,242); /* @kind color */
  --texto-secundario: rgb(232,228,177); /* @kind color */
}

:root[data-mode="sereia"] {
  --borda-botao-principal: rgb(8,168,168); /* @kind color */
  --borda-progresso-negativo: rgb(255,112,67); /* @kind color */
  --fundo-barra-progresso: rgb(174,228,255); /* @kind color */
  --fundo-botao-principal: rgb(98,221,215); /* @kind color */
  --fundo-card: rgb(255,255,255); /* @kind color */
  --fundo-tela: rgb(245,220,223); /* @kind color */
  --logo-borda: rgb(197,77,89); /* @kind color */
  --logo: rgb(241,111,124); /* @kind color */
  --progresso-ativo: rgb(255,118,186); /* @kind color */
  --progresso-negativo: rgb(230,74,25); /* @kind color */
  --texto-botao-principal: rgb(11,19,43); /* @kind color */
  --texto-primario: rgb(40,155,178); /* @kind color */
  --texto-secundario: rgb(15,98,158); /* @kind color */
}