@import url("./crischarles-home.css");

gitea-theme-meta-info {
  --theme-display-name: "Cris Charles";
  --theme-color-scheme: "light";
}

:root {
  --is-dark-theme: false;
  --cc-halftone-rgb: 59, 130, 246;
  --cc-halftone-alpha: 0.20;

  /* Portfolio palette: bryl-minimal / light */
  --color-primary: #0a0a0a;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #171717;
  --color-primary-dark-2: #262626;
  --color-primary-dark-3: #404040;
  --color-primary-dark-4: #525252;
  --color-primary-dark-5: #737373;
  --color-primary-dark-6: #a3a3a3;
  --color-primary-dark-7: #d4d4d4;
  --color-primary-light-1: #262626;
  --color-primary-light-2: #404040;
  --color-primary-light-3: #525252;
  --color-primary-light-4: #737373;
  --color-primary-light-5: #a3a3a3;
  --color-primary-light-6: #d4d4d4;
  --color-primary-light-7: #f5f5f5;
  --color-primary-alpha-10: #0a0a0a1a;
  --color-primary-alpha-20: #0a0a0a33;
  --color-primary-alpha-30: #0a0a0a4d;
  --color-primary-alpha-40: #0a0a0a66;
  --color-primary-alpha-50: #0a0a0a80;
  --color-primary-alpha-60: #0a0a0a99;
  --color-primary-alpha-70: #0a0a0ab3;
  --color-primary-alpha-80: #0a0a0acc;
  --color-primary-alpha-90: #0a0a0ae6;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);

  --color-secondary: #e9e9e9;
  --color-secondary-dark-1: #d4d4d4;
  --color-secondary-dark-2: #a3a3a3;
  --color-secondary-dark-3: #737373;
  --color-secondary-dark-4: #525252;
  --color-secondary-dark-5: #404040;
  --color-secondary-dark-6: #262626;
  --color-secondary-dark-7: #171717;
  --color-secondary-dark-8: #0a0a0a;
  --color-secondary-dark-9: #0a0a0a;
  --color-secondary-dark-10: #0a0a0a;
  --color-secondary-dark-11: #0a0a0a;
  --color-secondary-dark-12: #0a0a0a;
  --color-secondary-dark-13: #0a0a0a;
  --color-secondary-light-1: #f0f0f0;
  --color-secondary-light-2: #f5f5f5;
  --color-secondary-light-3: #fafafa;
  --color-secondary-light-4: #ffffff;
  --color-secondary-alpha-10: #0a0a0a1a;
  --color-secondary-alpha-20: #0a0a0a33;
  --color-secondary-alpha-30: #0a0a0a4d;
  --color-secondary-alpha-40: #0a0a0a66;
  --color-secondary-alpha-50: #0a0a0a80;
  --color-secondary-alpha-60: #0a0a0a99;
  --color-secondary-alpha-70: #0a0a0ab3;
  --color-secondary-alpha-80: #0a0a0acc;
  --color-secondary-alpha-90: #0a0a0ae6;
  --color-secondary-button: #f5f5f5;
  --color-secondary-hover: #e9e9e9;
  --color-secondary-active: #d4d4d4;

  /* Surface, text and hairline tokens */
  --color-body: #ffffff;
  --color-box-header: #fafafa;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #fafafa;
  --color-text-dark: #0a0a0a;
  --color-text: #0a0a0a;
  --color-text-light: #404040;
  --color-text-light-1: #525252;
  --color-text-light-2: #737373;
  --color-text-light-3: #a3a3a3;
  --color-footer: var(--color-nav-bg);
  --color-timeline: #e9e9e9;
  --color-input-text: #0a0a0a;
  --color-input-background: #fafafa;
  --color-input-toggle-background: #d4d4d4;
  --color-input-border: #e9e9e9;
  --color-light: #00000008;
  --color-light-border: #e9e9e9;
  --color-hover: #00000008;
  --color-hover-opaque: #f5f5f5;
  --color-active: #0000000a;
  --color-menu: #fafafa;
  --color-card: #ffffff;
  --color-markup-table-row: #00000008;
  --color-markup-code-block: #0000000a;
  --color-markup-code-inline: #0000000a;
  --color-button: #fafafa;
  --color-code-bg: #fafafa;
  --color-shadow: #0000001a;
  --color-shadow-opaque: #d4d4d4;
  --color-secondary-bg: #f5f5f5;
  --color-expand-button: #f5f5f5;
  --color-placeholder-text: #a3a3a3;
  --color-editor-line-highlight: #e9e9e9;
  --color-editor-selection: #d4d4d4;
  --color-project-column-bg: #fafafa;
  --color-caret: #0a0a0a;
  --color-reaction-bg: #00000008;
  --color-reaction-hover-bg: #f5f5f5;
  --color-reaction-active-bg: #e9e9e9;
  --color-tooltip-text: #ffffff;
  --color-tooltip-bg: #0a0a0a;
  --color-nav-bg: #ffffff;
  --color-nav-hover-bg: #f5f5f5;
  --color-nav-text: #0a0a0a;
  --color-secondary-nav-bg: #fafafa;
  --color-label-text: #404040;
  --color-label-bg: #f5f5f5;
  --color-label-hover-bg: #e9e9e9;
  --color-label-active-bg: #d4d4d4;
  --color-accent: #0a0a0a;
  --color-small-accent: #f5f5f5;
  --color-git: #0a0a0a;
  --color-logo: #0a0a0a;
  --color-syntax-link: #0a0a0a;
  accent-color: var(--color-accent);
  color-scheme: light;
}

#navbar,
.ui.menu {
  box-shadow: none;
  border-color: var(--color-light-border);
}

.ui.segment,
.ui.attached.segment,
.ui.card,
.ui.cards > .card {
  border-color: var(--color-light-border);
  box-shadow: 0 2px 6px -2px rgb(0 0 0 / 8%);
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.button.primary {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.button.primary:hover {
  background: var(--color-primary-hover);
  color: var(--color-primary-contrast);
}

input:focus,
textarea:focus,
.ui.input.focus > input,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 1px var(--color-primary) !important;
}