@fracui/styleguide 0.0.0-stage → 0.1.0

package/dist/tokens.js

@@ -0,0 +1,577 @@
+const o = {
+  1: "#E5F0FF",
+  2: "#CBE0FE",
+  3: "#A5C8FE",
+  4: "#7FB2FE",
+  5: "#5C93E5",
+  light: "#3D76CC",
+  medium: "#255091",
+  dark: "#142C50"
+}, n = {
+  1: "#F4F9ED",
+  2: "#E2F0D1",
+  3: "#D1E7B7",
+  4: "#B9DB92",
+  5: "#A2CF6E",
+  light: "#84C03F",
+  medium: "#6AA329",
+  dark: "#508217"
+}, i = {
+  1: "#F9EAEA",
+  2: "#F8CECE",
+  3: "#EAA4A4",
+  4: "#E18282"
+}, x = {
+  white: "#FFFFFF",
+  ice: "#FAFAFA",
+  iceMedium: "#F5F5F5",
+  light: "#E5E5E5",
+  lightMedium: "#BFBFBF",
+  DEFAULT: "#999999",
+  medium: "#737373",
+  mediumDark: "#333333",
+  dark: "#202020"
+}, g = {
+  error: {
+    text: "#670A1A",
+    icon: "#CC3D55",
+    bg: "#FFD9DF"
+  },
+  alert: {
+    text: "#672A0A",
+    icon: "#CC6D3D",
+    bg: "#FFE6D9"
+  },
+  warning: {
+    text: "#67480A",
+    icon: "#CC9C3D",
+    bg: "#FFF2D9"
+  },
+  success: {
+    text: "#246724",
+    icon: "#70CC70",
+    bg: "#D9FFD9"
+  },
+  info: {
+    text: "#0A2967",
+    icon: "#3D6DCC",
+    bg: "#D9E6FF"
+  }
+}, l = {
+  bg: "#040814",
+  surface: "#090D1B",
+  elevated: "#0B1325",
+  outline: "#0E3571"
+}, s = {
+  red: "#DA3C36",
+  orange: "#D9822B",
+  yellow: "#F2F218",
+  green: "#4D9966",
+  blueLight: "#51CFE3",
+  blueMedium: "#2554B2",
+  purple: "#634CD9"
+}, d = {
+  red: "#F27F7A",
+  orange: "#FFBF7F",
+  yellow: "#FEFF80",
+  green: "#98D9AD",
+  blueLight: "#99CCFF",
+  blueMedium: "#8CB2FF",
+  purple: "#9985FF"
+}, c = {
+  4: "rgba(0, 0, 0, 0.04)",
+  8: "rgba(0, 0, 0, 0.08)",
+  16: "rgba(0, 0, 0, 0.16)",
+  25: "rgba(0, 0, 0, 0.25)",
+  40: "rgba(0, 0, 0, 0.4)",
+  60: "rgba(0, 0, 0, 0.6)",
+  80: "rgba(0, 0, 0, 0.8)"
+}, z = [
+  {
+    swatch: "Basics/Ice",
+    figmaFill: "#E5E5E5",
+    figmaLabel: "#FAFAFA",
+    adopted: "#FAFAFA",
+    reason: "o fill duplica Gray Light; o rótulo completa a rampa de neutros"
+  },
+  {
+    swatch: "Feedback/Text Alert Orange",
+    figmaFill: "#693014",
+    figmaLabel: "#0A2967",
+    adopted: "#672A0A",
+    reason: "rótulo é cópia do Text Info Blue; fill está fora dos passos S/L da família. Derivado do matiz 20.3° nos passos canônicos"
+  },
+  {
+    swatch: "Feedback/Icon Alert Orange",
+    figmaFill: "#DD662B",
+    figmaLabel: "#CC6D3D",
+    adopted: "#CC6D3D",
+    reason: "o rótulo bate exatamente com os passos S/L da família; o fill não"
+  },
+  {
+    swatch: "Feedback/BG Alert Orange",
+    figmaFill: "#FFD6C1",
+    figmaLabel: "#D9E6FF",
+    adopted: "#FFE6D9",
+    reason: "rótulo é cópia do BG Info Blue; fill está em L87.8% em vez de L92.5%"
+  },
+  {
+    swatch: "Subtitle/Blue Medium",
+    figmaFill: "#E336B4",
+    figmaLabel: "#2554B2",
+    adopted: "#2554B2",
+    reason: "o fill é magenta, incompatível com o nome da cor"
+  },
+  {
+    swatch: "Subtitle/Blue Light",
+    figmaFill: "#51CFE3",
+    figmaLabel: "#5798D9",
+    adopted: "#51CFE3",
+    reason: "o fill é ciano e o rótulo é azul. Adotado o fill, que é o que renderiza hoje nas legendas de mapa e o que dá matiz distinto do Blue Medium — mas a divergência é grande o bastante para valer confirmação com o design"
+  },
+  {
+    swatch: "Subtitle/Light/Blue Medium",
+    figmaFill: "#8CB2FF",
+    figmaLabel: "#8CA9FF",
+    adopted: "#8CB2FF",
+    reason: "diferença de um passo de matiz; adotado o fill, que é o que renderiza"
+  },
+  {
+    swatch: "Subtitle/Light/Yellow",
+    figmaFill: "#FEFF80",
+    figmaLabel: "#E9E98E",
+    adopted: "#FEFF80",
+    reason: "adotado o fill; o rótulo é mais dessaturado e não acompanha o resto da família Light"
+  }
+], T = {
+  blue: o,
+  green: n,
+  red: i,
+  gray: x,
+  feedback: g,
+  dark: l,
+  subtitle: s,
+  subtitleLight: d,
+  alpha: c
+}, u = {
+  background: "0 0% 100%",
+  // gray.white   #FFFFFF
+  foreground: "0 0% 12.5%",
+  // gray.dark    #202020
+  card: "0 0% 100%",
+  // gray.white   #FFFFFF
+  cardForeground: "0 0% 12.5%",
+  // gray.dark    #202020
+  popover: "0 0% 100%",
+  // gray.white   #FFFFFF
+  popoverForeground: "0 0% 12.5%",
+  // gray.dark    #202020
+  primary: "216.1 58.4% 52%",
+  // blue.light   #3D76CC
+  primaryForeground: "0 0% 100%",
+  // gray.white   #FFFFFF
+  secondary: "0 0% 96.1%",
+  // gray.iceMedium #F5F5F5
+  secondaryForeground: "0 0% 20%",
+  // gray.mediumDark #333333
+  muted: "0 0% 96.1%",
+  // gray.iceMedium #F5F5F5
+  mutedForeground: "0 0% 45.1%",
+  // gray.medium  #737373
+  accent: "214.6 100% 94.9%",
+  // blue.1       #E5F0FF
+  accentForeground: "216 60% 19.6%",
+  // blue.dark    #142C50
+  destructive: "349.9 58.4% 52%",
+  // feedback.error.icon #CC3D55
+  destructiveForeground: "0 0% 100%",
+  // gray.white   #FFFFFF
+  border: "0 0% 89.8%",
+  // gray.light   #E5E5E5
+  input: "0 0% 89.8%",
+  // gray.light   #E5E5E5
+  ring: "216.1 58.4% 52%"
+  // blue.light   #3D76CC
+}, b = {
+  background: "225 66.7% 4.7%",
+  // dark.bg       #040814
+  foreground: "0 0% 100%",
+  // gray.white    #FFFFFF
+  card: "226.7 50% 7.1%",
+  // dark.surface  #090D1B
+  cardForeground: "0 0% 100%",
+  // gray.white    #FFFFFF
+  popover: "221.5 54.2% 9.4%",
+  // dark.elevated #0B1325
+  popoverForeground: "0 0% 100%",
+  // gray.white    #FFFFFF
+  primary: "216.1 58.4% 52%",
+  // blue.light    #3D76CC
+  primaryForeground: "0 0% 100%",
+  // gray.white    #FFFFFF
+  secondary: "221.5 54.2% 9.4%",
+  // dark.elevated #0B1325
+  secondaryForeground: "0 0% 89.8%",
+  // gray.light    #E5E5E5
+  muted: "221.5 54.2% 9.4%",
+  // dark.elevated #0B1325
+  mutedForeground: "0 0% 74.9%",
+  // gray.lightMedium #BFBFBF
+  accent: "216 60% 19.6%",
+  // blue.dark     #142C50
+  accentForeground: "214.6 100% 94.9%",
+  // blue.1        #E5F0FF
+  destructive: "349.9 58.4% 52%",
+  // feedback.error.icon #CC3D55
+  destructiveForeground: "0 0% 100%",
+  // gray.white    #FFFFFF
+  border: "216 60% 19.6%",
+  // blue.dark     #142C50
+  input: "216 60% 19.6%",
+  // blue.dark     #142C50
+  ring: "216.4 78% 24.9%"
+  // dark.outline  #0E3571
+}, F = {
+  brandPrimary: "216 60% 19.6%",
+  // blue.dark     #142C50
+  brandPrimaryMedium: "216.1 59.3% 35.7%",
+  // blue.medium   #255091
+  brandPrimaryLight: "216.1 58.4% 52%",
+  // blue.light    #3D76CC
+  brandSecondary: "88 69.9% 30%",
+  // green.dark    #508217
+  brandSecondaryMedium: "88 59.8% 40%",
+  // green.medium  #6AA329
+  brandSecondaryLight: "87.9 50.6% 50%",
+  // green.light   #84C03F
+  errorText: "349.7 82.3% 22.2%",
+  // #670A1A
+  errorIcon: "349.9 58.4% 52%",
+  // #CC3D55
+  errorBg: "350.5 100% 92.5%",
+  // #FFD9DF
+  alertText: "20.6 82.3% 22.2%",
+  // #672A0A
+  alertIcon: "20.1 58.4% 52%",
+  // #CC6D3D
+  alertBg: "20.5 100% 92.5%",
+  // #FFE6D9
+  warningText: "40 82.3% 22.2%",
+  // #67480A
+  warningIcon: "39.9 58.4% 52%",
+  // #CC9C3D
+  warningBg: "39.5 100% 92.5%",
+  // #FFF2D9
+  successText: "120 48.2% 27.3%",
+  // #246724
+  successIcon: "120 47.4% 62%",
+  // #70CC70
+  successBg: "120 100% 92.5%",
+  // #D9FFD9
+  infoText: "220 82.3% 22.2%",
+  // #0A2967
+  infoIcon: "219.9 58.4% 52%",
+  // #3D6DCC
+  infoBg: "219.5 100% 92.5%",
+  // #D9E6FF
+  disabledForeground: "0 0% 74.9%",
+  // gray.lightMedium #BFBFBF
+  disabledBg: "0 0% 96.1%"
+  // gray.iceMedium   #F5F5F5
+}, m = {
+  brandPrimary: "216.1 58.4% 52%",
+  // blue.light    #3D76CC
+  brandPrimaryMedium: "215.9 72.5% 62.9%",
+  // blue.5        #5C93E5
+  brandPrimaryLight: "215.9 98.4% 74.7%",
+  // blue.4        #7FB2FE
+  brandSecondary: "87.9 50.6% 50%",
+  // green.light   #84C03F
+  brandSecondaryMedium: "87.8 50.3% 62.2%",
+  // green.5       #A2CF6E
+  brandSecondaryLight: "87.9 50.3% 71.6%",
+  // green.4       #B9DB92
+  errorText: "350.5 100% 92.5%",
+  // #FFD9DF
+  errorIcon: "349.9 58.4% 52%",
+  // #CC3D55
+  errorBg: "349.7 82.3% 22.2%",
+  // #670A1A
+  alertText: "20.5 100% 92.5%",
+  // #FFE6D9
+  alertIcon: "20.1 58.4% 52%",
+  // #CC6D3D
+  alertBg: "20.6 82.3% 22.2%",
+  // #672A0A
+  warningText: "39.5 100% 92.5%",
+  // #FFF2D9
+  warningIcon: "39.9 58.4% 52%",
+  // #CC9C3D
+  warningBg: "40 82.3% 22.2%",
+  // #67480A
+  successText: "120 100% 92.5%",
+  // #D9FFD9
+  successIcon: "120 47.4% 62%",
+  // #70CC70
+  successBg: "120 48.2% 27.3%",
+  // #246724
+  infoText: "219.5 100% 92.5%",
+  // #D9E6FF
+  infoIcon: "219.9 58.4% 52%",
+  // #3D6DCC
+  infoBg: "220 82.3% 22.2%",
+  // #0A2967
+  /*
+   * DERIVADO. O #BFBFBF que o Figma usa para desabilitado só funciona
+   * sobre fundo claro: no escuro ele fica MAIS claro que o texto normal,
+   * e o elemento desabilitado passa a chamar mais atenção que o ativo.
+   * Aqui o desabilitado escurece, mantendo a relação de hierarquia.
+   */
+  disabledForeground: "0 0% 45.1%",
+  // gray.medium    #737373
+  disabledBg: "221.5 54.2% 9.4%"
+  // dark.elevated  #0B1325
+}, f = "0.5rem", h = {
+  xs: "4px",
+  xl: "12px",
+  "2xl": "16px",
+  "3xl": "30px",
+  "4xl": "40px",
+  pill: "9999px"
+}, I = {
+  light: u,
+  dark: b,
+  lightBrand: F,
+  darkBrand: m,
+  radius: f,
+  radii: h
+}, B = {
+  sans: [
+    "Roboto",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "'Segoe UI'",
+    "sans-serif"
+  ],
+  /**
+   * ATENÇÃO: no Figma, `h1` e `h2` no peso medium estão em Rubik, apesar
+   * de os estilos se chamarem `roboto/medium/h1` e `roboto/medium/h2`.
+   * Exposto aqui para reproduzir fielmente o design; confirme com o time
+   * de design se é intencional antes de usar em produção.
+   */
+  display: [
+    "Rubik",
+    "Roboto",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "sans-serif"
+  ]
+}, S = {
+  h1: {
+    fontSize: "36px",
+    lineHeight: "37.8px",
+    letterSpacing: "0px"
+  },
+  h2: {
+    fontSize: "30px",
+    lineHeight: "30px",
+    letterSpacing: "0px"
+  },
+  h3: {
+    fontSize: "24px",
+    lineHeight: "24px",
+    letterSpacing: "0.24px"
+  },
+  h4: {
+    fontSize: "20px",
+    lineHeight: "27px",
+    letterSpacing: "0.2px"
+  },
+  h5: {
+    fontSize: "18px",
+    lineHeight: "24.3px",
+    letterSpacing: "0.18px"
+  },
+  "subtitle-1": {
+    fontSize: "16px",
+    lineHeight: "20px",
+    letterSpacing: "0.32px"
+  },
+  "subtitle-2": {
+    fontSize: "14px",
+    lineHeight: "19.6px",
+    letterSpacing: "0.28px"
+  },
+  "body-1": {
+    fontSize: "16px",
+    lineHeight: "20px",
+    letterSpacing: "0.48px"
+  },
+  "body-2": {
+    fontSize: "14px",
+    lineHeight: "19.6px",
+    letterSpacing: "0.28px"
+  },
+  "body-allcaps": {
+    fontSize: "16px",
+    lineHeight: "20px",
+    letterSpacing: "0.48px",
+    textTransform: "uppercase"
+  },
+  button: {
+    fontSize: "14px",
+    lineHeight: "16.1px",
+    letterSpacing: "1.4px",
+    textTransform: "uppercase"
+  },
+  caption: {
+    fontSize: "12px",
+    lineHeight: "14.4px",
+    letterSpacing: "0.48px"
+  },
+  link: {
+    fontSize: "14px",
+    lineHeight: "18.2px",
+    letterSpacing: "0.56px"
+  }
+}, E = {
+  h1: "0.72px",
+  h2: "1.12px",
+  h3: "0.48px",
+  caption: "0.36px"
+}, D = {
+  fontSize: "28px",
+  lineHeight: "39.2px",
+  letterSpacing: "1.12px"
+}, v = {
+  fontFamily: B,
+  typeScale: S,
+  mediumTracking: E,
+  h2Medium: D
+}, e = {
+  "down-1": "0px 2px 4px rgba(0, 0, 0, 0.08), 0px 9px 15px rgba(0, 0, 0, 0.05), 0px 24px 46px rgba(0, 0, 0, 0.03)",
+  "down-4": "0px 2px 5px rgba(0, 0, 0, 0.16), 0px 12px 20px rgba(0, 0, 0, 0.10), 0px 32px 58px rgba(0, 0, 0, 0.07)",
+  "down-8": "0px 4px 6px rgba(0, 0, 0, 0.20), 0px 18px 22px rgba(0, 0, 0, 0.12), 0px 48px 70px rgba(0, 0, 0, 0.08)",
+  "up-1": "0px -2px 4px rgba(0, 0, 0, 0.08), 0px -9px 15px rgba(0, 0, 0, 0.05), 0px -24px 46px rgba(0, 0, 0, 0.03)",
+  "up-4": "0px -2px 5px rgba(0, 0, 0, 0.16), 0px -12px 20px rgba(0, 0, 0, 0.10), 0px -32px 58px rgba(0, 0, 0, 0.07)",
+  "up-8": "0px -4px 6px rgba(0, 0, 0, 0.20), 0px -18px 22px rgba(0, 0, 0, 0.12), 0px -48px 70px rgba(0, 0, 0, 0.08)",
+  "right-1": "2px 0px 4px rgba(0, 0, 0, 0.08), 9px 0px 15px rgba(0, 0, 0, 0.05), 24px 0px 46px rgba(0, 0, 0, 0.03)",
+  "right-4": "2px 0px 5px rgba(0, 0, 0, 0.16), 12px 0px 20px rgba(0, 0, 0, 0.10), 32px 0px 58px rgba(0, 0, 0, 0.07)",
+  "left-1": "-2px 0px 4px rgba(0, 0, 0, 0.08), -9px 0px 15px rgba(0, 0, 0, 0.05), -24px 0px 46px rgba(0, 0, 0, 0.03)",
+  "left-4": "-2px 0px 5px rgba(0, 0, 0, 0.16), -12px 0px 20px rgba(0, 0, 0, 0.10), -32px 0px 58px rgba(0, 0, 0, 0.07)"
+}, r = {
+  "right-1": "2px 0px 4px rgba(61, 118, 204, 0.08), 4px 0px 10px rgba(61, 118, 204, 0.05), 24px 0px 46px rgba(61, 118, 204, 0.03)",
+  "right-4": "2px 0px 5px rgba(61, 118, 204, 0.16), 12px 0px 20px rgba(61, 118, 204, 0.10), 32px 0px 58px rgba(61, 118, 204, 0.07)",
+  "right-1-dark": "4px 0px 5px rgba(20, 44, 80, 0.12), 6px 0px 10px rgba(20, 44, 80, 0.05), 24px 0px 46px rgba(20, 44, 80, 0.03)",
+  "center-1": "0px 1px 0.5px rgba(20, 44, 80, 0.02)",
+  "center-2": "2px 2px 4.5px rgba(20, 44, 80, 0.08), -2px -2px 4.5px rgba(20, 44, 80, 0.08)",
+  "center-2-dark": "2px 2px 4.5px rgba(20, 44, 80, 0.40), -2px -2px 4.5px rgba(20, 44, 80, 0.40)"
+}, a = "0px 0px 2px rgba(36, 36, 36, 0.10)", A = {
+  glass: "13.2px"
+}, C = {
+  ...e,
+  ...Object.fromEntries(
+    Object.entries(r).map(([p, t]) => [`blue-${p}`, t])
+  ),
+  outline: a
+}, H = {
+  shadowGrey: e,
+  shadowBlue: r,
+  shadowOutline: a,
+  backdropBlur: A,
+  boxShadow: C
+}, y = {
+  xs: "360px"
+}, w = {
+  deskRight: {
+    reference: "1280px",
+    columns: 11,
+    gutter: "16px",
+    margin: "18px",
+    columnWidth: "75px",
+    baseline: "8px"
+  },
+  deskCentered: {
+    reference: "1280px",
+    columns: 14,
+    gutter: "27px",
+    margin: "70px",
+    columnWidth: "60px",
+    baseline: "4px"
+  },
+  deskMenu: {
+    reference: "1280px",
+    columns: 4,
+    gutter: "16px",
+    margin: "16px",
+    columnWidth: "44px",
+    baseline: "4px"
+  },
+  tablet: {
+    reference: "768px",
+    columns: 8,
+    gutter: "16px",
+    margin: "16px",
+    baseline: "4px"
+  },
+  mobile: {
+    reference: "360px",
+    columns: 4,
+    gutter: "16px",
+    margin: "16px",
+    baseline: "4px"
+  }
+}, L = {
+  center: !0,
+  padding: {
+    DEFAULT: "16px",
+    lg: "70px"
+  },
+  screens: {
+    xl: "1440px"
+  }
+}, k = "4px", M = {
+  screens: y,
+  grids: w,
+  container: L,
+  spacingBase: k
+};
+export {
+  z as FIGMA_OVERRIDES,
+  c as alpha,
+  A as backdropBlur,
+  o as blue,
+  C as boxShadow,
+  T as colors,
+  L as container,
+  l as dark,
+  m as darkBrand,
+  b as darkTheme,
+  H as elevation,
+  g as feedback,
+  B as fontFamily,
+  x as gray,
+  n as green,
+  M as grid,
+  w as grids,
+  D as h2Medium,
+  F as lightBrand,
+  u as lightTheme,
+  E as mediumTracking,
+  h as radii,
+  f as radius,
+  i as red,
+  y as screens,
+  r as shadowBlue,
+  e as shadowGrey,
+  a as shadowOutline,
+  k as spacingBase,
+  s as subtitle,
+  d as subtitleLight,
+  I as theme,
+  S as typeScale,
+  v as typography
+};
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../src/tokens/colors.ts","../src/tokens/theme.ts","../src/tokens/typography.ts","../src/tokens/elevation.ts","../src/tokens/grid.ts"],"sourcesContent":["/**\n * Paleta primitiva de cores da FracUI.\n *\n * Extraída do Figma \"Design System - 2026\"\n * (file key `J15QTL7SaxlobMRnPtOimR`, página \"↳ Cores\").\n *\n * Estas são as cores \"cruas\" (hex) que alimentam os tokens semânticos em\n * `theme.ts`. Use estas escalas diretamente apenas quando não houver um\n * token semântico equivalente (ex: gráficos, ilustrações, e-mails).\n *\n * Para UI de produto, prefira sempre os tokens semânticos\n * (`primary`, `background`, `destructive`, etc.) expostos via classes do\n * Tailwind (`bg-primary`, `text-muted-foreground`...).\n */\n\n/** Escala de 5 tons claros (`Shades/` no Figma), do mais claro ao mais escuro. */\nexport type ShadeScale = {\n  1: string;\n  2: string;\n  3: string;\n  4: string;\n  5: string;\n};\n\n/** Trio de cores de um estado de feedback, conforme modelado no Figma. */\nexport type FeedbackTone = {\n  /** Cor do texto sobre o fundo `bg`. */\n  text: string;\n  /** Cor de ícones e bordas de destaque. */\n  icon: string;\n  /** Cor de fundo da superfície do alerta. */\n  bg: string;\n};\n\n/**\n * Azul institucional — `Primary/` + `Shades/Blue` no Figma.\n *\n * `dark` é a cor de marca principal (usada em `--primary` no tema claro);\n * `light` é a variação usada sobre fundos escuros.\n */\nexport const blue = {\n  1: \"#E5F0FF\",\n  2: \"#CBE0FE\",\n  3: \"#A5C8FE\",\n  4: \"#7FB2FE\",\n  5: \"#5C93E5\",\n  light: \"#3D76CC\",\n  medium: \"#255091\",\n  dark: \"#142C50\",\n} as const;\n\n/**\n * Verde institucional — `Secondary/` + `Shades/Green` no Figma.\n *\n * É a cor de apoio da marca, NÃO o estado de sucesso: para \"deu certo\",\n * use `feedback.success`.\n */\nexport const green = {\n  1: \"#F4F9ED\",\n  2: \"#E2F0D1\",\n  3: \"#D1E7B7\",\n  4: \"#B9DB92\",\n  5: \"#A2CF6E\",\n  light: \"#84C03F\",\n  medium: \"#6AA329\",\n  dark: \"#508217\",\n} as const;\n\n/**\n * Escala vermelha de intensidade — conjunto `Tags` no Figma.\n *\n * Usada apenas para graduar a força do El Niño, do mais fraco ao mais\n * forte. Não está na página de cores do arquivo: existe só dentro do\n * conjunto `Tags`, e por isso não tem os cinco passos das outras escalas.\n *\n * A contraparte da La Niña são os quatro primeiros passos de `blue`, que\n * já existiam na paleta — só o lado vermelho precisava ser nomeado.\n */\nexport const red = {\n  1: \"#F9EAEA\",\n  2: \"#F8CECE\",\n  3: \"#EAA4A4\",\n  4: \"#E18282\",\n} as const;\n\n/**\n * Neutros — `Basics/` no Figma.\n *\n * Rampa contínua do branco puro ao quase-preto. `white`/`ice`/`iceMedium`\n * são superfícies; `light`/`lightMedium` são bordas e divisores;\n * `DEFAULT`/`medium`/`mediumDark`/`dark` são níveis de texto.\n */\nexport const gray = {\n  white: \"#FFFFFF\",\n  ice: \"#FAFAFA\",\n  iceMedium: \"#F5F5F5\",\n  light: \"#E5E5E5\",\n  lightMedium: \"#BFBFBF\",\n  DEFAULT: \"#999999\",\n  medium: \"#737373\",\n  mediumDark: \"#333333\",\n  dark: \"#202020\",\n} as const;\n\n/**\n * Estados de feedback — `Feedback/` no Figma.\n *\n * Cada família é um matiz em três passos fixos de saturação/luminosidade:\n *\n * | slot   | S      | L      |\n * | ------ | ------ | ------ |\n * | `text` | 82.3%  | 22.2%  |\n * | `icon` | 58.4%  | 52.0%  |\n * | `bg`   | 100%   | 92.5%  |\n *\n * `success` é a exceção deliberada: seus tons foram dessaturados à mão no\n * Figma (S≈48%) para não brigar com o verde de marca. Mantido como está.\n *\n * Ver `FIGMA_OVERRIDES` para as divergências resolvidas na extração.\n */\nexport const feedback = {\n  error: {\n    text: \"#670A1A\",\n    icon: \"#CC3D55\",\n    bg: \"#FFD9DF\",\n  },\n  alert: {\n    text: \"#672A0A\",\n    icon: \"#CC6D3D\",\n    bg: \"#FFE6D9\",\n  },\n  warning: {\n    text: \"#67480A\",\n    icon: \"#CC9C3D\",\n    bg: \"#FFF2D9\",\n  },\n  success: {\n    text: \"#246724\",\n    icon: \"#70CC70\",\n    bg: \"#D9FFD9\",\n  },\n  info: {\n    text: \"#0A2967\",\n    icon: \"#3D6DCC\",\n    bg: \"#D9E6FF\",\n  },\n} as const satisfies Record<string, FeedbackTone>;\n\n/**\n * Superfícies do tema escuro — página \"↳ Light e Dark Mode\" no Figma.\n *\n * Não são neutros cinzas: são azuis muito escuros, para casar com o azul\n * de marca. `outline` é a cor de borda/foco sobre esses fundos.\n */\nexport const dark = {\n  bg: \"#040814\",\n  surface: \"#090D1B\",\n  elevated: \"#0B1325\",\n  outline: \"#0E3571\",\n} as const;\n\n/**\n * Cores de legenda de mapa — `Subtitle/` no Figma.\n *\n * Paleta categórica para séries e marcadores geoespaciais. Cada cor tem\n * uma variação `light` para estados desabilitados/hover.\n */\nexport const subtitle = {\n  red: \"#DA3C36\",\n  orange: \"#D9822B\",\n  yellow: \"#F2F218\",\n  green: \"#4D9966\",\n  blueLight: \"#51CFE3\",\n  blueMedium: \"#2554B2\",\n  purple: \"#634CD9\",\n} as const;\n\n/** Variações claras das cores de legenda — `Subtitle/Light/` no Figma. */\nexport const subtitleLight = {\n  red: \"#F27F7A\",\n  orange: \"#FFBF7F\",\n  yellow: \"#FEFF80\",\n  green: \"#98D9AD\",\n  blueLight: \"#99CCFF\",\n  blueMedium: \"#8CB2FF\",\n  purple: \"#9985FF\",\n} as const;\n\n/**\n * Preto com transparência — `Transparency black/` no Figma.\n *\n * Usado em overlays de modal, headers com blur e estados de pressão.\n */\nexport const alpha = {\n  4: \"rgba(0, 0, 0, 0.04)\",\n  8: \"rgba(0, 0, 0, 0.08)\",\n  16: \"rgba(0, 0, 0, 0.16)\",\n  25: \"rgba(0, 0, 0, 0.25)\",\n  40: \"rgba(0, 0, 0, 0.4)\",\n  60: \"rgba(0, 0, 0, 0.6)\",\n  80: \"rgba(0, 0, 0, 0.8)\",\n} as const;\n\n/**\n * Divergências entre o rótulo e o preenchimento real de swatches no Figma,\n * e qual valor esta biblioteca adotou.\n *\n * Documentado aqui para que a próxima extração não \"corrija\" de volta para\n * o valor errado. Enquanto o Figma não for arrumado, ele e este arquivo\n * discordam nestes pontos — de propósito.\n */\nexport const FIGMA_OVERRIDES = [\n  {\n    swatch: \"Basics/Ice\",\n    figmaFill: \"#E5E5E5\",\n    figmaLabel: \"#FAFAFA\",\n    adopted: \"#FAFAFA\",\n    reason: \"o fill duplica Gray Light; o rótulo completa a rampa de neutros\",\n  },\n  {\n    swatch: \"Feedback/Text Alert Orange\",\n    figmaFill: \"#693014\",\n    figmaLabel: \"#0A2967\",\n    adopted: \"#672A0A\",\n    reason:\n      \"rótulo é cópia do Text Info Blue; fill está fora dos passos S/L da família. Derivado do matiz 20.3° nos passos canônicos\",\n  },\n  {\n    swatch: \"Feedback/Icon Alert Orange\",\n    figmaFill: \"#DD662B\",\n    figmaLabel: \"#CC6D3D\",\n    adopted: \"#CC6D3D\",\n    reason: \"o rótulo bate exatamente com os passos S/L da família; o fill não\",\n  },\n  {\n    swatch: \"Feedback/BG Alert Orange\",\n    figmaFill: \"#FFD6C1\",\n    figmaLabel: \"#D9E6FF\",\n    adopted: \"#FFE6D9\",\n    reason:\n      \"rótulo é cópia do BG Info Blue; fill está em L87.8% em vez de L92.5%\",\n  },\n  {\n    swatch: \"Subtitle/Blue Medium\",\n    figmaFill: \"#E336B4\",\n    figmaLabel: \"#2554B2\",\n    adopted: \"#2554B2\",\n    reason: \"o fill é magenta, incompatível com o nome da cor\",\n  },\n  {\n    swatch: \"Subtitle/Blue Light\",\n    figmaFill: \"#51CFE3\",\n    figmaLabel: \"#5798D9\",\n    adopted: \"#51CFE3\",\n    reason:\n      \"o fill é ciano e o rótulo é azul. Adotado o fill, que é o que renderiza hoje nas legendas de mapa e o que dá matiz distinto do Blue Medium — mas a divergência é grande o bastante para valer confirmação com o design\",\n  },\n  {\n    swatch: \"Subtitle/Light/Blue Medium\",\n    figmaFill: \"#8CB2FF\",\n    figmaLabel: \"#8CA9FF\",\n    adopted: \"#8CB2FF\",\n    reason: \"diferença de um passo de matiz; adotado o fill, que é o que renderiza\",\n  },\n  {\n    swatch: \"Subtitle/Light/Yellow\",\n    figmaFill: \"#FEFF80\",\n    figmaLabel: \"#E9E98E\",\n    adopted: \"#FEFF80\",\n    reason: \"adotado o fill; o rótulo é mais dessaturado e não acompanha o resto da família Light\",\n  },\n] as const;\n\nexport const colors = {\n  blue,\n  green,\n  red,\n  gray,\n  feedback,\n  dark,\n  subtitle,\n  subtitleLight,\n  alpha,\n} as const;\n","/**\n * Tokens semânticos (tema) da FracUI.\n *\n * Cada valor é um triplo HSL (\"H S% L%\", sem o wrapper hsl()) para poder\n * ser injetado em variáveis CSS e consumido pelo Tailwind como\n * `hsl(var(--nome))`. Isso permite alternar temas (claro/escuro) apenas\n * trocando as variáveis, sem trocar classes.\n *\n * IMPORTANTE: estes valores precisam ficar em sincronia com\n * `src/styles/globals.css`. Se alterar um valor aqui, atualize o CSS\n * correspondente (e vice-versa).\n *\n * Os nomes seguem o contrato do shadcn/ui (`background`, `primary`,\n * `muted`...) para que os componentes existentes continuem funcionando,\n * mas os VALORES vêm da paleta Fractal em `colors.ts`.\n *\n * `primary` é o azul INTERATIVO (`blue.light`, #3D76CC), não o azul\n * institucional. O Figma usa #3D76CC como fundo de repouso do botão\n * primário, do switch ligado, do FAB, da aba ativa e do link; #142C50\n * aparece como estado pressionado/focado e como fundo de tooltip. A cor\n * institucional continua disponível como `--brand-primary`.\n */\n\nexport type SemanticTheme = {\n  background: string;\n  foreground: string;\n  card: string;\n  cardForeground: string;\n  popover: string;\n  popoverForeground: string;\n  primary: string;\n  primaryForeground: string;\n  secondary: string;\n  secondaryForeground: string;\n  muted: string;\n  mutedForeground: string;\n  accent: string;\n  accentForeground: string;\n  destructive: string;\n  destructiveForeground: string;\n  border: string;\n  input: string;\n  ring: string;\n};\n\n/**\n * Camada Fractal sobre o contrato do shadcn.\n *\n * `brand*` expõe o azul e o verde institucionais como tokens semânticos\n * (o `primary` do shadcn é consumido por dezenas de componentes e nem\n * sempre é o lugar certo para a cor de marca).\n *\n * `*Text`/`*Icon`/`*Bg` reproduzem o modelo de feedback do Figma, em que\n * cada estado tem três cores coordenadas em vez de uma só.\n */\nexport type BrandTheme = {\n  brandPrimary: string;\n  brandPrimaryMedium: string;\n  brandPrimaryLight: string;\n  brandSecondary: string;\n  brandSecondaryMedium: string;\n  brandSecondaryLight: string;\n\n  errorText: string;\n  errorIcon: string;\n  errorBg: string;\n\n  alertText: string;\n  alertIcon: string;\n  alertBg: string;\n\n  warningText: string;\n  warningIcon: string;\n  warningBg: string;\n\n  successText: string;\n  successIcon: string;\n  successBg: string;\n\n  infoText: string;\n  infoIcon: string;\n  infoBg: string;\n\n  disabledForeground: string;\n  disabledBg: string;\n};\n\nexport const lightTheme: SemanticTheme = {\n  background: \"0 0% 100%\", // gray.white   #FFFFFF\n  foreground: \"0 0% 12.5%\", // gray.dark    #202020\n  card: \"0 0% 100%\", // gray.white   #FFFFFF\n  cardForeground: \"0 0% 12.5%\", // gray.dark    #202020\n  popover: \"0 0% 100%\", // gray.white   #FFFFFF\n  popoverForeground: \"0 0% 12.5%\", // gray.dark    #202020\n  primary: \"216.1 58.4% 52%\", // blue.light   #3D76CC\n  primaryForeground: \"0 0% 100%\", // gray.white   #FFFFFF\n  secondary: \"0 0% 96.1%\", // gray.iceMedium #F5F5F5\n  secondaryForeground: \"0 0% 20%\", // gray.mediumDark #333333\n  muted: \"0 0% 96.1%\", // gray.iceMedium #F5F5F5\n  mutedForeground: \"0 0% 45.1%\", // gray.medium  #737373\n  accent: \"214.6 100% 94.9%\", // blue.1       #E5F0FF\n  accentForeground: \"216 60% 19.6%\", // blue.dark    #142C50\n  destructive: \"349.9 58.4% 52%\", // feedback.error.icon #CC3D55\n  destructiveForeground: \"0 0% 100%\", // gray.white   #FFFFFF\n  border: \"0 0% 89.8%\", // gray.light   #E5E5E5\n  input: \"0 0% 89.8%\", // gray.light   #E5E5E5\n  ring: \"216.1 58.4% 52%\", // blue.light   #3D76CC\n};\n\nexport const darkTheme: SemanticTheme = {\n  background: \"225 66.7% 4.7%\", // dark.bg       #040814\n  foreground: \"0 0% 100%\", // gray.white    #FFFFFF\n  card: \"226.7 50% 7.1%\", // dark.surface  #090D1B\n  cardForeground: \"0 0% 100%\", // gray.white    #FFFFFF\n  popover: \"221.5 54.2% 9.4%\", // dark.elevated #0B1325\n  popoverForeground: \"0 0% 100%\", // gray.white    #FFFFFF\n  primary: \"216.1 58.4% 52%\", // blue.light    #3D76CC\n  primaryForeground: \"0 0% 100%\", // gray.white    #FFFFFF\n  secondary: \"221.5 54.2% 9.4%\", // dark.elevated #0B1325\n  secondaryForeground: \"0 0% 89.8%\", // gray.light    #E5E5E5\n  muted: \"221.5 54.2% 9.4%\", // dark.elevated #0B1325\n  mutedForeground: \"0 0% 74.9%\", // gray.lightMedium #BFBFBF\n  accent: \"216 60% 19.6%\", // blue.dark     #142C50\n  accentForeground: \"214.6 100% 94.9%\", // blue.1        #E5F0FF\n  destructive: \"349.9 58.4% 52%\", // feedback.error.icon #CC3D55\n  destructiveForeground: \"0 0% 100%\", // gray.white    #FFFFFF\n  border: \"216 60% 19.6%\", // blue.dark     #142C50\n  input: \"216 60% 19.6%\", // blue.dark     #142C50\n  ring: \"216.4 78% 24.9%\", // dark.outline  #0E3571\n};\n\nexport const lightBrand: BrandTheme = {\n  brandPrimary: \"216 60% 19.6%\", // blue.dark     #142C50\n  brandPrimaryMedium: \"216.1 59.3% 35.7%\", // blue.medium   #255091\n  brandPrimaryLight: \"216.1 58.4% 52%\", // blue.light    #3D76CC\n  brandSecondary: \"88 69.9% 30%\", // green.dark    #508217\n  brandSecondaryMedium: \"88 59.8% 40%\", // green.medium  #6AA329\n  brandSecondaryLight: \"87.9 50.6% 50%\", // green.light   #84C03F\n\n  errorText: \"349.7 82.3% 22.2%\", // #670A1A\n  errorIcon: \"349.9 58.4% 52%\", // #CC3D55\n  errorBg: \"350.5 100% 92.5%\", // #FFD9DF\n\n  alertText: \"20.6 82.3% 22.2%\", // #672A0A\n  alertIcon: \"20.1 58.4% 52%\", // #CC6D3D\n  alertBg: \"20.5 100% 92.5%\", // #FFE6D9\n\n  warningText: \"40 82.3% 22.2%\", // #67480A\n  warningIcon: \"39.9 58.4% 52%\", // #CC9C3D\n  warningBg: \"39.5 100% 92.5%\", // #FFF2D9\n\n  successText: \"120 48.2% 27.3%\", // #246724\n  successIcon: \"120 47.4% 62%\", // #70CC70\n  successBg: \"120 100% 92.5%\", // #D9FFD9\n\n  infoText: \"220 82.3% 22.2%\", // #0A2967\n  infoIcon: \"219.9 58.4% 52%\", // #3D6DCC\n  infoBg: \"219.5 100% 92.5%\", // #D9E6FF\n\n  disabledForeground: \"0 0% 74.9%\", // gray.lightMedium #BFBFBF\n  disabledBg: \"0 0% 96.1%\", // gray.iceMedium   #F5F5F5\n};\n\n/**\n * Feedback no tema escuro.\n *\n * ATENÇÃO: o Figma não especifica os estados de feedback sobre fundo\n * escuro. Estes valores são DERIVADOS, trocando os papéis de `text` e\n * `bg` (o tom escuro vira superfície, o tom claro vira texto) e mantendo\n * o `icon`, que já tem contraste suficiente nos dois temas.\n *\n * Substitua por valores especificados assim que a página de dark mode do\n * Figma cobrir feedback.\n */\nexport const darkBrand: BrandTheme = {\n  brandPrimary: \"216.1 58.4% 52%\", // blue.light    #3D76CC\n  brandPrimaryMedium: \"215.9 72.5% 62.9%\", // blue.5        #5C93E5\n  brandPrimaryLight: \"215.9 98.4% 74.7%\", // blue.4        #7FB2FE\n  brandSecondary: \"87.9 50.6% 50%\", // green.light   #84C03F\n  brandSecondaryMedium: \"87.8 50.3% 62.2%\", // green.5       #A2CF6E\n  brandSecondaryLight: \"87.9 50.3% 71.6%\", // green.4       #B9DB92\n\n  errorText: \"350.5 100% 92.5%\", // #FFD9DF\n  errorIcon: \"349.9 58.4% 52%\", // #CC3D55\n  errorBg: \"349.7 82.3% 22.2%\", // #670A1A\n\n  alertText: \"20.5 100% 92.5%\", // #FFE6D9\n  alertIcon: \"20.1 58.4% 52%\", // #CC6D3D\n  alertBg: \"20.6 82.3% 22.2%\", // #672A0A\n\n  warningText: \"39.5 100% 92.5%\", // #FFF2D9\n  warningIcon: \"39.9 58.4% 52%\", // #CC9C3D\n  warningBg: \"40 82.3% 22.2%\", // #67480A\n\n  successText: \"120 100% 92.5%\", // #D9FFD9\n  successIcon: \"120 47.4% 62%\", // #70CC70\n  successBg: \"120 48.2% 27.3%\", // #246724\n\n  infoText: \"219.5 100% 92.5%\", // #D9E6FF\n  infoIcon: \"219.9 58.4% 52%\", // #3D6DCC\n  infoBg: \"220 82.3% 22.2%\", // #0A2967\n\n  /*\n   * DERIVADO. O #BFBFBF que o Figma usa para desabilitado só funciona\n   * sobre fundo claro: no escuro ele fica MAIS claro que o texto normal,\n   * e o elemento desabilitado passa a chamar mais atenção que o ativo.\n   * Aqui o desabilitado escurece, mantendo a relação de hierarquia.\n   */\n  disabledForeground: \"0 0% 45.1%\", // gray.medium    #737373\n  disabledBg: \"221.5 54.2% 9.4%\", // dark.elevated  #0B1325\n};\n\n/**\n * Raio de borda base, usado por `rounded-lg`/`rounded-md`/`rounded-sm`\n * via preset. 8px é o valor de canto mais usado em componentes no Figma.\n */\nexport const radius = \"0.5rem\";\n\n/**\n * Escala de raios do Figma, por frequência de uso no arquivo:\n * 4px (1047x), 12px (925x), 8px (787x), 16px (265x), 25px (215x),\n * 30px (124x), 40px (68x).\n *\n * `sm`/`md`/`lg` continuam derivados de `--radius` (contrato shadcn) e\n * por isso não aparecem aqui.\n */\nexport const radii = {\n  xs: \"4px\",\n  xl: \"12px\",\n  \"2xl\": \"16px\",\n  \"3xl\": \"30px\",\n  \"4xl\": \"40px\",\n  pill: \"9999px\",\n} as const;\n\nexport const theme = {\n  light: lightTheme,\n  dark: darkTheme,\n  lightBrand,\n  darkBrand,\n  radius,\n  radii,\n} as const;\n","/**\n * Tokens de tipografia da FracUI.\n *\n * Extraídos dos 28 estilos de texto publicados no Figma\n * \"Design System - 2026\" (página \"↳ Tipografia\").\n *\n * O peso é um eixo separado do tamanho: cada estilo abaixo existe em\n * `regular` (400) e `medium` (500) com as mesmas métricas, exceto onde\n * anotado. Por isso a escala expõe tamanho/entrelinha/tracking e deixa o\n * peso para as utilidades `font-normal` / `font-medium`.\n */\n\n/** Pilha padrão de fontes. Todo o design system usa Roboto. */\nexport const fontFamily = {\n  sans: [\n    \"Roboto\",\n    \"ui-sans-serif\",\n    \"system-ui\",\n    \"-apple-system\",\n    \"'Segoe UI'\",\n    \"sans-serif\",\n  ],\n  /**\n   * ATENÇÃO: no Figma, `h1` e `h2` no peso medium estão em Rubik, apesar\n   * de os estilos se chamarem `roboto/medium/h1` e `roboto/medium/h2`.\n   * Exposto aqui para reproduzir fielmente o design; confirme com o time\n   * de design se é intencional antes de usar em produção.\n   */\n  display: [\n    \"Rubik\",\n    \"Roboto\",\n    \"ui-sans-serif\",\n    \"system-ui\",\n    \"-apple-system\",\n    \"sans-serif\",\n  ],\n} as const;\n\nexport type TypeStyle = {\n  /** `font-size` em px. */\n  fontSize: string;\n  /** `line-height` em px. */\n  lineHeight: string;\n  /** `letter-spacing` em px. */\n  letterSpacing: string;\n  /** Presente apenas nos estilos que o Figma marca como caixa alta. */\n  textTransform?: \"uppercase\";\n};\n\n/**\n * Escala tipográfica.\n *\n * Consumida pelo preset como `theme.extend.fontSize`, o que gera as\n * classes `text-h1`, `text-body-1`, `text-caption`, etc.\n */\nexport const typeScale = {\n  h1: {\n    fontSize: \"36px\",\n    lineHeight: \"37.8px\",\n    letterSpacing: \"0px\",\n  },\n  h2: {\n    fontSize: \"30px\",\n    lineHeight: \"30px\",\n    letterSpacing: \"0px\",\n  },\n  h3: {\n    fontSize: \"24px\",\n    lineHeight: \"24px\",\n    letterSpacing: \"0.24px\",\n  },\n  h4: {\n    fontSize: \"20px\",\n    lineHeight: \"27px\",\n    letterSpacing: \"0.2px\",\n  },\n  h5: {\n    fontSize: \"18px\",\n    lineHeight: \"24.3px\",\n    letterSpacing: \"0.18px\",\n  },\n  \"subtitle-1\": {\n    fontSize: \"16px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.32px\",\n  },\n  \"subtitle-2\": {\n    fontSize: \"14px\",\n    lineHeight: \"19.6px\",\n    letterSpacing: \"0.28px\",\n  },\n  \"body-1\": {\n    fontSize: \"16px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.48px\",\n  },\n  \"body-2\": {\n    fontSize: \"14px\",\n    lineHeight: \"19.6px\",\n    letterSpacing: \"0.28px\",\n  },\n  \"body-allcaps\": {\n    fontSize: \"16px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.48px\",\n    textTransform: \"uppercase\",\n  },\n  button: {\n    fontSize: \"14px\",\n    lineHeight: \"16.1px\",\n    letterSpacing: \"1.4px\",\n    textTransform: \"uppercase\",\n  },\n  caption: {\n    fontSize: \"12px\",\n    lineHeight: \"14.4px\",\n    letterSpacing: \"0.48px\",\n  },\n  link: {\n    fontSize: \"14px\",\n    lineHeight: \"18.2px\",\n    letterSpacing: \"0.56px\",\n  },\n} as const satisfies Record<string, TypeStyle>;\n\n/**\n * Variação de tracking dos estilos `medium` que diferem do `regular`.\n *\n * Só `h1`, `h2`, `h3` e `caption` mudam de tracking ao trocar de peso; os\n * demais são idênticos. Aplique manualmente quando usar `font-medium`\n * nesses quatro estilos.\n */\nexport const mediumTracking = {\n  h1: \"0.72px\",\n  h2: \"1.12px\",\n  h3: \"0.48px\",\n  caption: \"0.36px\",\n} as const;\n\n/**\n * `h2` no peso medium também muda de tamanho e entrelinha (28px/39.2px,\n * contra 30px/30px do regular), além de trocar para a família `display`.\n */\nexport const h2Medium: TypeStyle = {\n  fontSize: \"28px\",\n  lineHeight: \"39.2px\",\n  letterSpacing: \"1.12px\",\n};\n\nexport const typography = {\n  fontFamily,\n  typeScale,\n  mediumTracking,\n  h2Medium,\n} as const;\n","/**\n * Sistema de elevação da FracUI.\n *\n * Extraído dos 20 estilos de efeito do Figma \"Design System - 2026\"\n * (página \"↳ Sombras e Blur\").\n *\n * O sistema tem dois eixos:\n *\n * - **direção**: `down` / `up` / `left` / `right` — a sombra é projetada\n *   para o lado indicado, e não apenas para baixo. Usado para destacar\n *   sidebars (`right`), barras fixas de rodapé (`up`) e drawers (`left`).\n * - **intensidade**: `1` / `4` / `8` dp, seguindo a escala do Material.\n *\n * Cada nível é uma tripla de sombras (contato, difusa, ambiente) — não\n * simplifique para uma só: o degradê entre as três é o que dá a\n * profundidade.\n */\n\n/** Sombras neutras — `Grey/` no Figma. */\nexport const shadowGrey = {\n  \"down-1\":\n    \"0px 2px 4px rgba(0, 0, 0, 0.08), 0px 9px 15px rgba(0, 0, 0, 0.05), 0px 24px 46px rgba(0, 0, 0, 0.03)\",\n  \"down-4\":\n    \"0px 2px 5px rgba(0, 0, 0, 0.16), 0px 12px 20px rgba(0, 0, 0, 0.10), 0px 32px 58px rgba(0, 0, 0, 0.07)\",\n  \"down-8\":\n    \"0px 4px 6px rgba(0, 0, 0, 0.20), 0px 18px 22px rgba(0, 0, 0, 0.12), 0px 48px 70px rgba(0, 0, 0, 0.08)\",\n  \"up-1\":\n    \"0px -2px 4px rgba(0, 0, 0, 0.08), 0px -9px 15px rgba(0, 0, 0, 0.05), 0px -24px 46px rgba(0, 0, 0, 0.03)\",\n  \"up-4\":\n    \"0px -2px 5px rgba(0, 0, 0, 0.16), 0px -12px 20px rgba(0, 0, 0, 0.10), 0px -32px 58px rgba(0, 0, 0, 0.07)\",\n  \"up-8\":\n    \"0px -4px 6px rgba(0, 0, 0, 0.20), 0px -18px 22px rgba(0, 0, 0, 0.12), 0px -48px 70px rgba(0, 0, 0, 0.08)\",\n  \"right-1\":\n    \"2px 0px 4px rgba(0, 0, 0, 0.08), 9px 0px 15px rgba(0, 0, 0, 0.05), 24px 0px 46px rgba(0, 0, 0, 0.03)\",\n  \"right-4\":\n    \"2px 0px 5px rgba(0, 0, 0, 0.16), 12px 0px 20px rgba(0, 0, 0, 0.10), 32px 0px 58px rgba(0, 0, 0, 0.07)\",\n  \"left-1\":\n    \"-2px 0px 4px rgba(0, 0, 0, 0.08), -9px 0px 15px rgba(0, 0, 0, 0.05), -24px 0px 46px rgba(0, 0, 0, 0.03)\",\n  \"left-4\":\n    \"-2px 0px 5px rgba(0, 0, 0, 0.16), -12px 0px 20px rgba(0, 0, 0, 0.10), -32px 0px 58px rgba(0, 0, 0, 0.07)\",\n} as const;\n\n/**\n * Sombras azuis — `azul/` no Figma.\n *\n * Tingidas com o azul de marca (`#3D76CC` nas laterais, `#142C50` nas\n * centralizadas). Usadas em superfícies que ficam sobre fundo azul, onde\n * a sombra neutra cinza parece suja.\n */\nexport const shadowBlue = {\n  \"right-1\":\n    \"2px 0px 4px rgba(61, 118, 204, 0.08), 4px 0px 10px rgba(61, 118, 204, 0.05), 24px 0px 46px rgba(61, 118, 204, 0.03)\",\n  \"right-4\":\n    \"2px 0px 5px rgba(61, 118, 204, 0.16), 12px 0px 20px rgba(61, 118, 204, 0.10), 32px 0px 58px rgba(61, 118, 204, 0.07)\",\n  \"right-1-dark\":\n    \"4px 0px 5px rgba(20, 44, 80, 0.12), 6px 0px 10px rgba(20, 44, 80, 0.05), 24px 0px 46px rgba(20, 44, 80, 0.03)\",\n  \"center-1\": \"0px 1px 0.5px rgba(20, 44, 80, 0.02)\",\n  \"center-2\":\n    \"2px 2px 4.5px rgba(20, 44, 80, 0.08), -2px -2px 4.5px rgba(20, 44, 80, 0.08)\",\n  \"center-2-dark\":\n    \"2px 2px 4.5px rgba(20, 44, 80, 0.40), -2px -2px 4.5px rgba(20, 44, 80, 0.40)\",\n} as const;\n\n/** Sombra de contorno sutil — `Sombras/shadow-Elemento4` no Figma. */\nexport const shadowOutline = \"0px 0px 2px rgba(36, 36, 36, 0.10)\";\n\n/**\n * Desfoque de fundo dos headers e overlays \"glass\" — `Glass blur` no\n * Figma. Aplique junto de um fundo semitransparente (ver `colors.alpha`).\n */\nexport const backdropBlur = {\n  glass: \"13.2px\",\n} as const;\n\n/**\n * Mapa achatado consumido pelo preset como `theme.extend.boxShadow`.\n *\n * Gera `shadow-down-1`, `shadow-blue-right-4`, `shadow-outline`, etc.\n */\nexport const boxShadow = {\n  ...shadowGrey,\n  ...Object.fromEntries(\n    Object.entries(shadowBlue).map(([k, v]) => [`blue-${k}`, v])\n  ),\n  outline: shadowOutline,\n} as Record<string, string>;\n\nexport const elevation = {\n  shadowGrey,\n  shadowBlue,\n  shadowOutline,\n  backdropBlur,\n  boxShadow,\n} as const;\n","/**\n * Malha e breakpoints da FracUI.\n *\n * Extraídos dos 6 estilos de grid do Figma \"Design System - 2026\"\n * (página \"↳ Grid\"), lidos dos `layoutGrids` dos frames de exemplo.\n *\n * O design define três larguras de referência — 360, 768 e 1280 — e três\n * malhas distintas para desktop, escolhidas pelo tipo de tela e não pelo\n * tamanho. Não são breakpoints alternativos: são layouts diferentes na\n * mesma largura.\n */\n\n/**\n * Breakpoints adicionados à escala padrão do Tailwind.\n *\n * As três larguras de referência do design já coincidem com breakpoints\n * padrão, então não há motivo para substituir a escala inteira:\n *\n * | Design            | Largura | Tailwind |\n * | ----------------- | ------- | -------- |\n * | mobile            | 360px   | `xs` ⬅ adicionado |\n * | tablet            | 768px   | `md` (já é 768) |\n * | desktop           | 1280px  | `xl` (já é 1280) |\n *\n * Só `xs` é novo. Substituir a escala quebraria `sm:` e `lg:`, usados nos\n * componentes existentes, sem ganho de fidelidade — por isso este objeto\n * entra em `theme.extend.screens`, e não em `theme.screens`.\n */\nexport const screens = {\n  xs: \"360px\",\n} as const;\n\nexport type LayoutGrid = {\n  /** Largura do frame em que a malha foi especificada. */\n  reference: string;\n  columns: number;\n  /** Espaço entre colunas. */\n  gutter: string;\n  /** Margem nas laterais do container. */\n  margin: string;\n  /** Largura de coluna fixa, quando o design não usa colunas fluidas. */\n  columnWidth?: string;\n  /** Passo da malha de linha de base. */\n  baseline: string;\n};\n\n/**\n * As cinco malhas nomeadas do design.\n *\n * `deskRight` é a malha das telas com painel lateral à direita (colunas\n * ancoradas à direita); `deskCentered` é a malha de conteúdo corrido;\n * `deskMenu` é a faixa estreita do menu lateral.\n */\nexport const grids = {\n  deskRight: {\n    reference: \"1280px\",\n    columns: 11,\n    gutter: \"16px\",\n    margin: \"18px\",\n    columnWidth: \"75px\",\n    baseline: \"8px\",\n  },\n  deskCentered: {\n    reference: \"1280px\",\n    columns: 14,\n    gutter: \"27px\",\n    margin: \"70px\",\n    columnWidth: \"60px\",\n    baseline: \"4px\",\n  },\n  deskMenu: {\n    reference: \"1280px\",\n    columns: 4,\n    gutter: \"16px\",\n    margin: \"16px\",\n    columnWidth: \"44px\",\n    baseline: \"4px\",\n  },\n  tablet: {\n    reference: \"768px\",\n    columns: 8,\n    gutter: \"16px\",\n    margin: \"16px\",\n    baseline: \"4px\",\n  },\n  mobile: {\n    reference: \"360px\",\n    columns: 4,\n    gutter: \"16px\",\n    margin: \"16px\",\n    baseline: \"4px\",\n  },\n} as const satisfies Record<string, LayoutGrid>;\n\n/**\n * Container padrão.\n *\n * A margem de 70px vem da malha `deskCentered`, que é a usada nas telas de\n * conteúdo. Abaixo de 1280px o design cai para a margem de 16px das malhas\n * de tablet e mobile.\n */\nexport const container = {\n  center: true,\n  padding: {\n    DEFAULT: \"16px\",\n    lg: \"70px\",\n  },\n  screens: {\n    xl: \"1440px\",\n  },\n} as const;\n\n/**\n * Escala de espaçamento derivada da malha de linha de base.\n *\n * O design usa duas bases: 4px na maioria das telas e 8px na malha\n * `deskRight`. Como 8 é múltiplo de 4, a escala de 4 cobre as duas.\n */\nexport const spacingBase = \"4px\";\n\nexport const grid = {\n  screens,\n  grids,\n  container,\n  spacingBase,\n} as const;\n"],"names":["blue","green","red","gray","feedback","dark","subtitle","subtitleLight","alpha","FIGMA_OVERRIDES","colors","lightTheme","darkTheme","lightBrand","darkBrand","radius","radii","theme","fontFamily","typeScale","mediumTracking","h2Medium","typography","shadowGrey","shadowBlue","shadowOutline","backdropBlur","boxShadow","k","v","elevation","screens","grids","container","spacingBase","grid"],"mappings":"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"}