:root {
  --font-display: "Literata", "Times New Roman", serif;
  --font-sans: "Sora", "Segoe UI", sans-serif;

  --tamamoto: #B01E22;
  --tamamoto-dark: #7A1215;
  --tamamoto-soft: #FFF1F1;
  --tamamoto-glow: rgba(176, 30, 34, 0.28);

  --nipomed: #1657B8;
  --nipomed-dark: #0D3A7A;
  --nipomed-soft: #EEF4FF;
  --nipomed-glow: rgba(22, 87, 184, 0.28);

  --kenko: #0D7A68;
  --kenko-dark: #075447;
  --kenko-soft: #E9F8F4;
  --kenko-glow: rgba(13, 122, 104, 0.28);

  --ink: #121820;
  --ink-muted: #3D4A59;
  --paper: #F2F5F8;
  --surface: #FFFFFF;
  --line: #D7DEE7;
  --success: #187A4B;
  --danger: #B42318;

  --radius: 20px;
  --radius-sm: 14px;
  --shadow: 0 10px 30px rgba(18, 24, 32, 0.07);
  --shadow-lg: 0 28px 70px rgba(18, 24, 32, 0.14);
  --container: 1180px;
  --header-h: 92px;
  --logo-h: 68px;
  --nav-size: 0.95rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

[data-brand="tamamoto"] {
  --brand: var(--tamamoto);
  --brand-dark: var(--tamamoto-dark);
  --brand-soft: var(--tamamoto-soft);
  --brand-glow: var(--tamamoto-glow);
  --hero-image: url("../img/hero-tamamoto.jpg");
  --header-h: 92px;
  --logo-h: 70px;
  --nav-size: 1rem;
}

[data-brand="nipomed"] {
  --brand: var(--nipomed);
  --brand-dark: var(--nipomed-dark);
  --brand-soft: var(--nipomed-soft);
  --brand-glow: var(--nipomed-glow);
  --hero-image: url("../img/hero-nipomed.jpg");
  --header-h: 92px;
  --logo-h: 78px;
  --nav-size: 0.95rem;
}

[data-brand="kenko"] {
  --brand: var(--kenko);
  --brand-dark: var(--kenko-dark);
  --brand-soft: var(--kenko-soft);
  --brand-glow: var(--kenko-glow);
  --hero-image: url("../img/hero-kenko.jpg");
  --header-h: 92px;
  --logo-h: 78px;
  --nav-size: 0.95rem;
}