/* Custom Catppuccin Theme for Vikunja */
:root {
  /* Core Catppuccin Latte (Light Mode) / Base Overrides */
  --scheme-main-bis: #f2f3f5;       /* Mantle */
  --scheme-main-ter: #e6e9ef;       /* Crust */
  --scheme-invert: #1e1e2e;         /* Mocha Base */
  --scheme-invert-bis: #181825;     /* Mocha Mantle */
  --scheme-invert-ter: #11111b;     /* Mocha Crust */
  --background: #e6e9ef;            /* Crust */
  
  --text: #4c4f69;                  /* Text */
  --text-invert: #eff1f5;           /* Base (Light) */
  --text-light: #6c6f85;            /* Subtext 1 */
  --text-strong: #4c4f69;           /* Text */
  --text-muted: #7c7f93;            /* Subtext 0 */
  
  --link-visited: #7287fd;          /* Lavender */

  /* Vikunja Light Mode Scale mapped to Latte Greys/Muted tones */
  --grey-50: #f2f3f5;               /* Mantle */
  --grey-100: #e6e9ef;              /* Crust */
  --grey-200: #ccd0da;              /* Surface 0 */
  --grey-300: #bcc0cc;              /* Surface 1 */
  --grey-400: #acb0be;              /* Surface 2 */
  --grey-500: #9ca0b0;              /* Overlay 0 */
  --grey-600: #8c8fa1;              /* Overlay 1 */
  --grey-700: #7c7f93;              /* Subtext 0 */
  --grey-800: #6c6f85;              /* Subtext 1 */
  --grey-900: #4c4f69;              /* Text */
  --site-background: var(--grey-50);

  /* Bulma Overrides using Latte accents */
  --white: #eff1f5;                 /* Base */
  --black: #1e1e2e;                 /* Mocha Base */

  /* Semantic Colors (Latte Accent Hexes) */
  --warning: #fe640b;               /* Peach */
  --success: #40a02b;               /* Green */
  --danger: #d20f39;                /* Red */
  --danger-text: #d20f39;           /* Red */
  
  /* Primary branding color (Using Catppuccin Sapphire / Blue) */
  --primary-h: 203deg;
  --primary-s: 84%;
  --primary-l: 46%;
  --primary: #204051;               /* Sapphire */
  --link: #1e66f5;                  /* Blue */

  --border: var(--grey-200);
  --card-border-color: var(--grey-200);
  --input-border-color: var(--grey-200);

  /* Code Block Accents (Latte) */
  --code-variable: #e64553;         /* Maroon */
  --code-literal: #fe640b;          /* Peach */
  --code-symbol: #40a02b;           /* Green */
  --code-section: #1e66f5;          /* Blue */
  --code-keyword: #8839ef;          /* Mauve */
}

/* Catppuccin Mocha (Dark Mode) Override Layer */
html.dark, body.dark, :root.dark {
  --grey-900: #cdd6f4;          /* Text */
  --grey-800: #a6adc8;          /* Subtext 1 */
  --grey-700: #bac2de;          /* Subtext 0 */
  --grey-600: #9399b2;          /* Overlay 2 */
  --grey-500: #7f849c;          /* Overlay 1 */
  --grey-400: #6c7086;          /* Overlay 0 */
  --grey-300: #585b70;          /* Surface 2 */
  --grey-200: #45475a;          /* Surface 1 */
  --grey-100: #313244;          /* Surface 0 */
  --grey-50: #1e1e2e;           /* Base */
  
  --white: var(--grey-50);      /* Mocha Base container matching */
  --text: var(--grey-900);
  --text-invert: #1e1e2e;       /* Base */
  --text-light: var(--grey-700);
  --text-strong: var(--grey-900);
  --text-muted: var(--grey-500);

  /* Dark Mode Accent Overrides (Mocha Hexes) */
  --warning: #fab387;           /* Peach */
  --success: #a6e3a1;           /* Green */
  --danger: #f38ba8;            /* Red */
  --danger-text: #f38ba8;

  /* Sapphire variant optimized for Dark mode UI contrast */
  --primary: #74c7ec;           /* Sapphire */
  --link: #89b4fa;              /* Blue */

  --scheme-main-bis: #181825;   /* Mantle */
  --scheme-main-ter: #11111b;   /* Crust */
  --scheme-invert: #cdd6f4;     /* Text */
  --scheme-invert-bis: #bac2de; /* Subtext 0 */
  --scheme-invert-ter: #a6adc8; /* Subtext 1 */

  /* Code Colors (Mocha) */
  --code-variable: #eba0ac;     /* Flamingo */
  --code-literal: #fab387;      /* Peach */
  --code-symbol: #a6e3a1;       /* Green */
  --code-section: #89b4fa;      /* Blue */
  --code-keyword: #cba6f7;      /* Mauve */
}

.modal-content {
  max-inline-size: 65% !important;
}

.button {
  box-shadow: none !important;
}