/* Generated by renderer/render.php. Do not edit manually. */
/* Color preset: science-cyan */
:root {
  --color-primary: #0891B2;
  --color-primary-dark: #155E75;
  --color-secondary: #38BDF8;
  --color-accent: #67E8F9;
  --color-bg: #FFFFFF;
  --color-surface: #ECFEFF;
  --color-surface-soft: #ECFEFF;
  --color-text-primary: #102A32;
  --color-text-secondary: #5C737A;
  --color-text-muted: #5C737A;
  --color-border: #D4F1F5;
  --button-primary-bg: var(--color-primary);
  --button-primary-text: #FFFFFF;
  --button-secondary-bg: var(--color-secondary);
  --button-secondary-text: var(--color-text-primary);
  --section-light-bg: var(--color-surface);
  --section-dark-bg: var(--color-primary-dark);
  --primary-900: var(--color-primary-dark);
  --primary-800: var(--color-primary);
  --primary-700: var(--color-primary);
  --primary-600: var(--color-primary);
  --primary-500: var(--color-primary);
  --secondary-500: var(--color-secondary);
  --secondary-400: var(--color-secondary);
  --secondary-300: var(--color-surface-soft);
  --secondary-200: var(--color-surface-soft);
  --secondary-100: var(--color-surface-soft);
  --accent-500: var(--color-accent);
  --accent-600: var(--color-secondary);
  --accent-400: var(--color-accent);
  --gray-900: var(--color-text-primary);
  --gray-800: var(--color-text-primary);
  --gray-700: var(--color-text-primary);
  --gray-600: var(--color-text-secondary);
  --gray-500: var(--color-text-muted);
  --gray-300: var(--color-border);
  --gray-200: var(--color-surface);
  --gray-100: var(--color-surface-soft);
  --white: var(--color-bg);
  --theme-color-light: var(--color-bg);
  --theme-color-white: var(--color-bg);
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-dark: var(--color-primary-dark);
  --theme-color-gray: var(--color-surface);
  --theme-color-gray2: var(--color-surface-soft);
  --theme-color-light-green: var(--color-surface-soft);
  --theme-color-black: var(--color-text-primary);
  --theme-color-black-rgb: 16, 42, 50;
  --theme-color-silver: var(--color-border);
  --theme-color1: var(--color-secondary);
  --theme-color1-rgb: 56, 189, 248;
  --theme-color2: var(--color-primary-dark);
  --theme-color2-rgb: 21, 94, 117;
  --theme-color3: var(--color-primary-dark);
  --theme-color3-rgb: 21, 94, 117;
  --theme-color4: var(--color-primary);
  --theme-color4-rgb: 8, 145, 178;
  --theme-color5: var(--color-primary-dark);
  --theme-color5-rgb: 21, 94, 117;
  --theme-color6: var(--color-accent);
  --theme-color6-rgb: 103, 232, 249;
  --theme-color7: var(--color-primary-dark);
  --theme-color7-rgb: 21, 94, 117;
  --theme-color8: var(--color-secondary);
  --theme-color9: var(--color-accent);
  --theme-color10: var(--color-primary-dark);
  --theme-color11: var(--color-text-secondary);
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --text-color-bg-theme-color1: var(--color-text-primary);
  --text-color-bg-theme-color2: #FFFFFF;
  --text-color-bg-theme-color6: #FFFFFF;
  --text-color: var(--color-text-secondary);
  --text-color2: var(--color-text-secondary);
  --text-color3: var(--color-text-secondary);
  --headings-color: var(--color-text-primary);
  --paragraph-light: var(--color-border);
  --border-light: rgb(255 255 255 / 10%);
  --link-color: var(--color-primary);
  --link-hover-color: var(--color-accent);
}