:root[data-theme="twitter"] {
    --background: 0 0% 100%;
    --foreground: 210 25% 8%;
    --card: 180 7% 97%;
    --card-foreground: 210 25% 8%;
    --popover: 0 0% 100%;
    --popover-foreground: 210 25% 8%;
    --primary: 204 88% 41%;
    --primary-foreground: 0 0% 100%;
    --secondary: 210 25% 8%;
    --secondary-foreground: 0 0% 100%;
    --muted: 240 2% 90%;
    --muted-foreground: 210 25% 8%;
    --accent: 212 51% 19.5%;
    --accent-foreground: 204 88% 53%;
    --destructive: 356 91% 48.5%;
    --destructive-foreground: 0 0% 100%;
    --border: 201 30% 91%;
    --input: 200 23% 97%;
    --ring: 203 89% 50.5%;
    --radius: 1.3rem;
    /* Twitter theme fonts */
    --font-sans: Open Sans, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: Menlo, monospace;
    /* Twitter flat design - no shadows */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: 0px 1px 2px 0px rgb(0 0 0 / 0.05);
    --shadow: 0px 1px 3px 0px rgb(0 0 0 / 0.05);
    --shadow-md: 0px 2px 4px 0px rgb(0 0 0 / 0.05);
    --shadow-lg: 0px 3px 6px 0px rgb(0 0 0 / 0.05);
    --shadow-xl: 0px 4px 8px 0px rgb(0 0 0 / 0.05);
    --shadow-2xl: 0px 5px 10px 0px rgb(0 0 0 / 0.05);
  }

  :root[data-theme="twitter"].dark {
    --background: 0 0% 0%;
    --foreground: 200 7% 91%;
    --card: 228 10% 10%;
    --card-foreground: 0 0% 85%;
    --popover: 0 0% 0%;
    --popover-foreground: 200 7% 91%;
    --primary: 204 88% 53%;
    --primary-foreground: 0 0% 0%;
    --secondary: 195 15% 95%;
    --secondary-foreground: 210 25% 8%;
    --muted: 0 0% 9%;
    --muted-foreground: 210 3% 46%;
    --accent: 206 70% 8%;
    --accent-foreground: 204 88% 53%;
    --destructive: 356 91% 48.5%;
    --destructive-foreground: 0 0% 100%;
    --border: 210 5% 15%;
    --input: 208 28% 18%;
    --ring: 203 89% 53%;
    --radius: 1.3rem;
    /* Twitter theme fonts */
    --font-sans: Open Sans, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: Menlo, monospace;
    /* Twitter dark mode - minimal shadows */
    --shadow-2xs: none;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow: 0px 1px 2px 0px rgb(255 255 255 / 0.03);
    --shadow-md: 0px 2px 4px 0px rgb(255 255 255 / 0.03);
    --shadow-lg: 0px 3px 6px 0px rgb(255 255 255 / 0.03);
    --shadow-xl: 0px 4px 8px 0px rgb(255 255 255 / 0.03);
    --shadow-2xl: 0px 5px 10px 0px rgb(255 255 255 / 0.03);
  }