/* Yoyime Clinic theme — ink + cream + soft sage (separate from Goodhand navy/gold) */

body.theme-yoyime {
  /* Application shell */
  --app-canvas: #f3efe6;
  --app-canvas-deep: #ebe4d6;
  --app-header: #ebe6da;
  --app-header-border: #d9d0bd;

  /* Dark navigation — near-black ink */
  --nav-bg: #121412;
  --nav-bg-deep: #0a0a0a;
  --nav-bg-hover: #1c1f1c;
  --nav-text: #f0ebe0;
  --nav-text-muted: #a39e8e;
  --nav-active-bg: #eae6ca;
  --nav-active-text: #141614;
  --nav-active-accent: #c9bf9a;

  /* Content surfaces */
  --surface-base: #faf7f0;
  --surface-raised: #ffffff;
  --surface-blue: #e8efe9;
  --surface-teal: #e4ebe6;
  --surface-amber: #f5edd8;
  --surface-rose: #f3e8e4;
  --surface-violet: #eceae4;
  --surface-slate: #ebe7de;

  /* Brand — cream / ink / sage */
  --brand-navy: #1a1c1a;
  --brand-blue: #3d4f48;
  --brand-blue-hover: #2f3d38;
  --brand-teal: #3d4f48;
  --brand-gold: #c9bf9a;
  --brand-gold-deep: #9a9170;

  /* Text */
  --text-primary: #1a1c1a;
  --text-secondary: #4a524c;
  --text-muted: #6e766f;
  --text-on-dark: #f5f0e8;
  --text-on-dark-muted: #c9bf9a;

  /* Status (kept readable; soft clinic tints) */
  --success: #2f6b52;
  --success-soft: #e2efe8;
  --warning: #8a6a1e;
  --warning-soft: #f5edd8;
  --danger: #a33a2f;
  --danger-soft: #f3e8e4;
  --info: #3d4f48;
  --info-soft: #e8efe9;
  --neutral: #5c635c;
  --neutral-soft: #ebe7de;

  /* Borders and shadows */
  --border-soft: #d9d0bd;
  --border-strong: #c4bba6;
  --shadow-card: 0 8px 24px rgb(26 28 26 / 7%);
  --shadow-floating: 0 16px 40px rgb(10 10 10 / 14%);

  --document-paper: #f7f4ec;
  --document-paper-deep: #ebe4d6;

  --shadow-sm: 0 6px 18px rgb(26 28 26 / 5%);
  --shadow-md: var(--shadow-card);

  /* Legacy aliases refresh */
  --color-app-bg: var(--app-canvas);
  --color-surface: var(--surface-base);
  --color-surface-muted: var(--surface-slate);
  --color-border: var(--border-soft);
  --color-border-strong: var(--border-strong);
  --color-text: var(--text-primary);
  --color-text-muted: var(--text-secondary);
  --color-heading: var(--brand-navy);
  --color-primary: var(--brand-blue);
  --color-primary-hover: var(--brand-blue-hover);
  --color-primary-soft: var(--surface-blue);
  --color-accent: var(--brand-gold);
  --color-accent-soft: var(--surface-amber);
  --main-color: var(--brand-blue);
  --main-dark: var(--brand-blue-hover);
  --main-deeper: var(--brand-navy);
  --background-color: var(--app-canvas);
  --text-color: var(--text-primary);
  --text-soft: var(--text-secondary);
  --highlight-color: var(--brand-gold);
  --highlight-hover: var(--brand-gold-deep);
  --black: var(--text-primary);
  --card: var(--surface-base);
  --line: var(--border-soft);
  --shadow: var(--shadow-sm);
}

/* Yoyime logo is already cream — do not invert to white */
body.theme-yoyime .sidebar-brand .brand-logo {
  filter: none;
  height: 32px;
  opacity: 1;
}
body.theme-yoyime .topbar-brand-mobile img {
  filter: none;
}

/* Soft mesh / page atmosphere */
body.theme-yoyime .bg-mesh {
  background:
    radial-gradient(ellipse 70% 50% at 10% 0%, rgba(201, 191, 154, 0.18), transparent 55%),
    radial-gradient(ellipse 50% 40% at 90% 20%, rgba(61, 79, 72, 0.08), transparent 50%),
    var(--app-canvas);
}

body.theme-yoyime .sidebar {
  box-shadow: 8px 0 30px rgb(0 0 0 / 22%);
}

body.theme-yoyime .sidebar-brand .brand-text strong {
  font-family: "adobe-caslon-pro", "Iowan Old Style", Palatino, Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}

body.theme-yoyime .btn.gold,
body.theme-yoyime .btn.primary {
  background: linear-gradient(135deg, #1a1c1a, #2c322e);
  color: #eae6ca;
  border-color: rgba(234, 230, 202, 0.25);
}
body.theme-yoyime .btn.gold:hover,
body.theme-yoyime .btn.primary:hover {
  background: linear-gradient(135deg, #2c322e, #3d4f48);
  color: #f5f0e8;
}

/* Hero — ink + sage (not Goodhand navy/teal) */
body.theme-yoyime .page-hero {
  background:
    radial-gradient(circle at 88% 25%, rgb(201 191 154 / 22%), transparent 24rem),
    linear-gradient(125deg, #0a0a0a 0%, #1a1c1a 52%, #2c3832 100%);
  border-color: rgb(234 230 202 / 12%);
}
body.theme-yoyime .page-hero .eyebrow {
  color: #eae6ca;
}
body.theme-yoyime .page-hero .btn.ghost:hover,
body.theme-yoyime .page-hero .overflow-menu > summary:hover {
  border-color: #eae6ca;
}
body.theme-yoyime .page-hero.page-hero-light {
  background: linear-gradient(125deg, #ebe6da 0%, #f3efe6 100%);
}
body.theme-yoyime .page-hero.page-hero-light .btn.ghost {
  background: #e8efe9;
  border-color: #c4bba6;
  color: var(--brand-navy);
}

/* Buttons that hardcode Goodhand gold/navy hex */
body.theme-yoyime .btn.navy {
  background: linear-gradient(135deg, #2c322e, #1a1c1a);
}
body.theme-yoyime .btn.navy:hover {
  background: linear-gradient(135deg, #3d4f48, #2c322e);
}
body.theme-yoyime .btn.ghost {
  background: #ebe7de;
  border-color: #c4bba6;
}
body.theme-yoyime .btn.ghost:hover {
  background: #e0d9c8;
  border-color: #3d4f48;
}

body.theme-yoyime .kpi-card {
  box-shadow: 0 6px 18px rgb(26 28 26 / 6%);
}
body.theme-yoyime .kpi-card:hover {
  border-color: rgba(61, 79, 72, 0.4);
}
body.theme-yoyime .kpi-approvals {
  border-color: #d9c99a !important;
}
body.theme-yoyime .kpi-agents {
  border-color: #b8c9bc !important;
}
body.theme-yoyime .stat.spend-stat {
  border-color: rgba(201, 191, 154, 0.45);
  background: linear-gradient(145deg, #fff, rgba(201, 191, 154, 0.12));
}

body.theme-yoyime .page-hero h1,
body.theme-yoyime .content h1 {
  font-family: "adobe-caslon-pro", "Iowan Old Style", Palatino, Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}