/* Theme: kokorev
   Primary bg #000000, Secondary #171717, Text #FFFFFF / #A3A3A3, Accent #FFDE89
*/
.theme-kokorev {
  /* Primitives (used by components or semantic vars) */
  --white: #ffffff;
  --gray-50: #171717;
  --gray-100: #262626;
  --gray-200: #333333;
  --gray-300: #404040;
  --gray-400: #525252;
  --gray-500: #a3a3a3;
  --gray-700: #a3a3a3;
  --gray-800: #d4d4d4;
  --gray-900: #f5f5f5;
  --gray-950: #ffffff;
  --red-500: #ef4444;
  --red-600: #f87171;
  --accent: #ffde89;
  --badge-bg: #262626;
  --emerald-600: #4ade80;

  /* Semantic */
  --color-bg-page: #000000;
  --color-bg-card: #171717;
  --color-border: #333333;
  --color-text: #ffffff;
  --color-text-muted: #a3a3a3;
  --color-text-secondary: #a3a3a3;
  --color-accent: #ffde89;
  --color-error: #ef4444;
  --color-error-text: #f87171;
  --color-focus: #ffde89;
  --color-hover-bg: #262626;
  --color-hover-border: #404040;
  --color-form-heading: #a3a3a3;
  --color-highlight-bg: rgba(255, 222, 137, 0.15);

  /* Checkbox: dark checkmark on accent (#FFDE89) */
  --checkbox-check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --checkbox-indeterminate-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='4' y1='12' x2='20' y2='12'%3E%3C/line%3E%3C/svg%3E");

  /* Buttons — focus ring */
  --btn-focus-ring-color: rgba(255, 222, 137, 0.4);
  --btn-focus-ring-inset: rgba(0, 0, 0, 0.2);

  /* Buttons — primary (accent) */
  --btn-primary-bg: #ffde89;
  --btn-primary-color: #000000;
  --btn-primary-border: transparent;
  --btn-primary-bg-hover: #ffe4a0;
  --btn-primary-color-hover: #000000;
  --btn-primary-bg-active: #f5d36b;
  --btn-primary-color-active: #000000;

  /* Buttons — secondary */
  --btn-secondary-bg: #262626;
  --btn-secondary-color: #ffffff;
  --btn-secondary-bg-hover: #333333;
  --btn-secondary-color-hover: #ffffff;
  --btn-secondary-bg-active: #404040;
  --btn-secondary-color-active: #ffffff;

  /* Buttons — outline */
  --btn-outline-bg: transparent;
  --btn-outline-color: #ffde89;
  --btn-outline-border: #ffde89;
  --btn-outline-bg-hover: rgba(255, 222, 137, 0.1);
  --btn-outline-color-hover: #ffde89;
  --btn-outline-bg-active: rgba(255, 222, 137, 0.18);
  --btn-outline-color-active: #ffde89;

  /* Buttons — ghost */
  --btn-ghost-bg: transparent;
  --btn-ghost-color: #a3a3a3;
  --btn-ghost-bg-hover: rgba(255, 255, 255, 0.06);
  --btn-ghost-color-hover: #ffffff;
  --btn-ghost-bg-active: rgba(255, 255, 255, 0.1);
  --btn-ghost-color-active: #ffffff;

  /* Buttons — danger */
  --btn-danger-bg: #ef4444;
  --btn-danger-color: #ffffff;
  --btn-danger-bg-hover: #dc2626;
  --btn-danger-color-hover: #ffffff;
  --btn-danger-bg-active: #b91c1c;
  --btn-danger-color-active: #ffffff;

  /* Buttons — disabled */
  --btn-disabled-bg: #262626;
  --btn-disabled-color: #525252;
  --btn-disabled-border: transparent;

  /* Inputs */
  --input-focus-border: #525252;
  --input-error-border: #ef4444;
  --input-hover-bg: #262626;
  --input-hover-border: #404040;
  --input-readonly-bg: #262626;
  --input-readonly-text: #a3a3a3;

  /* Modal */
  --modal-backdrop-bg: rgba(0, 0, 0, 0.7);
  --modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);

  /* Tooltip */
  --tooltip-color: #ffffff;
  --tooltip-bg: #171717;
  --tooltip-border: #333333;
  --tooltip-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}