@import url("/assets/css/theme-forgejo-light.css");

:root {
  color-scheme: light;
  --color-primary: #8a5a3b;
  --color-primary-hover: #70472d;
  --color-primary-active: #70472d;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #70472d;
  --color-primary-dark-2: #70472d;
  --color-primary-dark-3: #583720;
  --color-primary-dark-4: #583720;
  --color-primary-light-1: #a47652;
  --color-primary-light-2: #b38c69;
  --color-primary-light-3: #c6a787;
  --color-primary-light-4: #dcc4ac;
  --color-primary-light-5: #e8d9c9;
  --color-primary-light-6: #f6efe6;
  --color-primary-light-7: #faf7f2;
  --color-primary-alpha-10: #8a5a3b19;
  --color-primary-alpha-20: #8a5a3b33;
  --color-primary-alpha-30: #8a5a3b4b;
  --color-primary-alpha-40: #8a5a3b66;
  --color-primary-alpha-50: #8a5a3b80;
  --color-primary-alpha-60: #8a5a3b99;
  --color-primary-alpha-70: #8a5a3bb3;
  --color-primary-alpha-80: #8a5a3bcc;
  --color-primary-alpha-90: #8a5a3be1;
  --color-body: #faf7f2;
  --color-box-header: #f6efe6;
  --color-box-body: #fffdfa;
  --color-box-body-highlight: #f6efe6;
  --color-nav-bg: #fffdfa;
  --color-nav-hover-bg: #f6efe6;
  --color-menu: #fffdfa;
  --color-card: #fffdfa;
  --color-input-background: #fffdfa;
  --color-input-text: #1c1814;
  --color-input-border: #d6cabb;
  --color-input-border-hover: #8a5a3b;
  --color-text: #1c1814;
  --color-text-dark: #1c1814;
  --color-text-light: #6b6156;
  --color-text-light-1: #6b6156;
  --color-text-light-2: #766c61;
  --color-text-light-3: #766c61;
  --color-secondary: #e8e0d5;
  --color-secondary-dark-1: #d6cabb;
  --color-secondary-dark-2: #d6cabb;
  --color-secondary-dark-3: #b9aa98;
  --color-secondary-light-1: #f6efe6;
  --color-secondary-light-2: #faf7f2;
  --color-secondary-light-3: #fffdfa;
  --color-secondary-light-4: #fffdfa;
  --color-hover: #8a5a3b0d;
  --color-active: #8a5a3b19;
  --color-footer: #f6efe6;
  --color-accent: #f6efe6;
  --color-label-bg: #f6efe6;
}

body {
  font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.ui.button,
.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form textarea,
.ui.segment,
.ui.menu {
  border-radius: 6px;
}

.iccc-home {
  max-width: 1080px;
  margin: 0 auto;
  padding: 88px 28px 64px;
}

.iccc-home .eyebrow {
  color: var(--color-primary);
  letter-spacing: .16em;
  font-size: 12px;
  font-weight: 600;
}

.iccc-home h1 {
  font-size: clamp(36px, 6vw, 64px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.15;
  max-width: 760px;
  margin: 24px 0;
}

.iccc-home .intro {
  max-width: 600px;
  font-size: 18px;
  line-height: 1.8;
  color: var(--color-text-light);
}

.iccc-home .actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 32px 0 64px;
}

.iccc-home .principles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--color-secondary);
  gap: 32px;
  padding-top: 28px;
}

.iccc-home .principles h2 { font-size: 18px; font-weight: 600; }
.iccc-home .principles p { color: var(--color-text-light); line-height: 1.8; }
.iccc-home .number { color: var(--color-primary); font-size: 12px; }
.iccc-login-note { color: var(--color-text-light); line-height: 1.7; margin: 0 0 20px; }

@media (max-width: 640px) {
  .iccc-home { padding: 48px 20px 36px; }
  .iccc-home .principles { grid-template-columns: 1fr; gap: 16px; }
  .iccc-home .actions { margin-bottom: 40px; }
}