{
  "font": {
    "font": {
      "$type": "fontFamily",
      "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",
      "$description": "Base UI font stack (Mantine default system stack)."
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
      "$description": "Monospace font stack."
    }
  },
  "radius": {
    "radius": {
      "$type": "dimension",
      "$value": {
        "value": 0.25,
        "unit": "rem"
      },
      "$description": "Default corner radius (civitai leaves Mantine's `sm` default)."
    }
  },
  "color": {
    "text": {
      "$type": "color",
      "$value": "#222",
      "$description": "Primary body text color.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#C1C2C5"
        }
      }
    },
    "textDimmed": {
      "$type": "color",
      "$value": "#868e96",
      "$description": "Secondary / muted text color.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#8c8fa3"
        }
      }
    },
    "body": {
      "$type": "color",
      "$value": "#fefefe",
      "$description": "Page / document background (derived from Mantine's `--mantine-color-body`). Use for `body { background }` in plain-HTML apps.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#1A1B1E"
        }
      }
    },
    "surface": {
      "$type": "color",
      "$value": "#fefefe",
      "$description": "Raised surface — cards, menus, dialogs, inputs.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#25262B"
        }
      }
    },
    "surface2": {
      "$type": "color",
      "$value": "#fefefe",
      "$description": "Secondary surface (inputs, insets).",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#25262B"
        }
      }
    },
    "border": {
      "$type": "color",
      "$value": "#ced4da",
      "$description": "Default border / divider color.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#373A40"
        }
      }
    },
    "primary": {
      "$type": "color",
      "$value": "#228BE6",
      "$description": "Primary accent (filled) color.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#1971C2"
        }
      }
    },
    "primaryHover": {
      "$type": "color",
      "$value": "#1C7ED6",
      "$description": "Primary accent hover color.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#1864AB"
        }
      }
    },
    "primaryFg": {
      "$type": "color",
      "$value": "#fefefe",
      "$description": "Foreground/text color on a filled primary surface.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#fefefe"
        }
      }
    },
    "primaryLight": {
      "$type": "color",
      "$value": "rgba(34, 139, 230, 0.1)",
      "$description": "Translucent primary tint (light variant background).",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "rgba(34, 139, 230, 0.15)"
        }
      }
    },
    "error": {
      "$type": "color",
      "$value": "#fa5252",
      "$description": "Error / destructive color.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#e03131"
        }
      }
    },
    "success": {
      "$type": "color",
      "$value": "#299C7A",
      "$description": "Success color (civitai's custom `success` palette).",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#326D5C"
        }
      }
    },
    "warning": {
      "$type": "color",
      "$value": "#fd7e14",
      "$description": "Warning color (derived from the orange palette).",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#e8590c"
        }
      }
    },
    "info": {
      "$type": "color",
      "$value": "#228BE6",
      "$description": "Informational color (derived from the blue palette).",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#1971C2"
        }
      }
    },
    "gray0": {
      "$type": "color",
      "$value": "#f8f9fa",
      "$description": "Neutral ramp step 0 (Mantine gray[0]); 0 = lightest … 9 = darkest."
    },
    "gray1": {
      "$type": "color",
      "$value": "#f1f3f5",
      "$description": "Neutral ramp step 1 (Mantine gray[1]); 0 = lightest … 9 = darkest."
    },
    "gray2": {
      "$type": "color",
      "$value": "#e9ecef",
      "$description": "Neutral ramp step 2 (Mantine gray[2]); 0 = lightest … 9 = darkest."
    },
    "gray3": {
      "$type": "color",
      "$value": "#dee2e6",
      "$description": "Neutral ramp step 3 (Mantine gray[3]); 0 = lightest … 9 = darkest."
    },
    "gray4": {
      "$type": "color",
      "$value": "#ced4da",
      "$description": "Neutral ramp step 4 (Mantine gray[4]); 0 = lightest … 9 = darkest."
    },
    "gray5": {
      "$type": "color",
      "$value": "#adb5bd",
      "$description": "Neutral ramp step 5 (Mantine gray[5]); 0 = lightest … 9 = darkest."
    },
    "gray6": {
      "$type": "color",
      "$value": "#868e96",
      "$description": "Neutral ramp step 6 (Mantine gray[6]); 0 = lightest … 9 = darkest."
    },
    "gray7": {
      "$type": "color",
      "$value": "#495057",
      "$description": "Neutral ramp step 7 (Mantine gray[7]); 0 = lightest … 9 = darkest."
    },
    "gray8": {
      "$type": "color",
      "$value": "#343a40",
      "$description": "Neutral ramp step 8 (Mantine gray[8]); 0 = lightest … 9 = darkest."
    },
    "gray9": {
      "$type": "color",
      "$value": "#212529",
      "$description": "Neutral ramp step 9 (Mantine gray[9]); 0 = lightest … 9 = darkest."
    },
    "track": {
      "$type": "color",
      "$value": "#e9ecef",
      "$description": "Groove behind a slider thumb.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#25262B"
        }
      }
    },
    "segmentedBg": {
      "$type": "color",
      "$value": "#f1f3f5",
      "$description": "Trough a segmented control's segments sit in.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#25262B"
        }
      }
    },
    "mediaPlaceholder": {
      "$type": "color",
      "$value": "#e9ecef",
      "$description": "Backdrop shown while an image loads or after it fails.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "#25262B"
        }
      }
    }
  },
  "bp": {
    "xs": {
      "$type": "dimension",
      "$value": {
        "value": 480,
        "unit": "px"
      },
      "$description": "Responsive breakpoint `xs` from civitai's px scale (src/utils/breakpoints.json) — NOT Mantine's em scale."
    },
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 768,
        "unit": "px"
      },
      "$description": "Responsive breakpoint `sm` from civitai's px scale (src/utils/breakpoints.json) — NOT Mantine's em scale."
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 1024,
        "unit": "px"
      },
      "$description": "Responsive breakpoint `md` from civitai's px scale (src/utils/breakpoints.json) — NOT Mantine's em scale."
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 1184,
        "unit": "px"
      },
      "$description": "Responsive breakpoint `lg` from civitai's px scale (src/utils/breakpoints.json) — NOT Mantine's em scale."
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 1440,
        "unit": "px"
      },
      "$description": "Responsive breakpoint `xl` from civitai's px scale (src/utils/breakpoints.json) — NOT Mantine's em scale."
    }
  },
  "card": {
    "borderWidth": {
      "$type": "dimension",
      "$value": {
        "value": 1,
        "unit": "px"
      },
      "$description": "Default card hairline width. Light needs it (surface == body); dark already separates them, so it collapses to 0.",
      "$extensions": {
        "com.civitai.theme": {
          "dark": "0"
        }
      }
    }
  }
}