/* CENC Premium UI | generated build | 1.2.0 | CPUI-018 */
/**
 * CENC Premium UI — Pets Native Theme
 * CPUI-018
 *
 * Care & Protection identity for CENC Pets. The theme keeps the CENC premium
 * family through disciplined typography and a warm accent, while deep emerald,
 * soft mint and bright neutral surfaces create a friendly mobile-first product
 * language. No pet, payment, QR or marketplace business rule belongs here.
 */
[data-cenc-theme="pets"] {
  --cenc-theme-runtime-ready: 1;
  color-scheme: light;

  /* Private source palette. Theme internals; not public Core tokens. */
  --_cenc-pets-ink: #17201E;
  --_cenc-pets-emerald: #126B5B;
  --_cenc-pets-emerald-hover: #0E594C;
  --_cenc-pets-emerald-deep: #0A493F;
  --_cenc-pets-mint: #E5F2EF;
  --_cenc-pets-canvas: #F5F8F7;
  --_cenc-pets-surface: #FFFFFF;
  --_cenc-pets-surface-soft: #EEF4F2;
  --_cenc-pets-gold: #C58A3A;
  --_cenc-pets-gold-soft: #F6E8D4;
  --_cenc-pets-muted: #66736F;

  /* Semantic identity */
  --cenc-bg-canvas: #F5F8F7;
  --cenc-bg-surface: #FFFFFF;
  --cenc-bg-surface-subtle: #EEF4F2;
  --cenc-bg-elevated: #F8FBFA;
  --cenc-bg-inverse: #10231F;
  --cenc-bg-overlay: rgb(16 35 31 / 0.48);

  --cenc-text-primary: #17201E;
  --cenc-text-secondary: #3E4B48;
  --cenc-text-muted: #66736F;
  --cenc-text-disabled: #98A39F;
  --cenc-text-inverse: #F9FCFB;
  --cenc-text-link: #0D5E50;

  --cenc-border-subtle: #DCE9E5;
  --cenc-border-default: #C4D9D2;
  --cenc-border-strong: #126B5B;

  /* Deep emerald is the decisive action; warm gold keeps CENC premium character. */
  --cenc-action-primary: #126B5B;
  --cenc-action-primary-hover: #0E594C;
  --cenc-action-primary-active: #0A493F;
  --cenc-action-primary-text: #FFFFFF;
  --cenc-action-accent: #C58A3A;
  --cenc-action-accent-hover: #D49A4C;
  --cenc-action-accent-active: #A9712A;
  --cenc-action-accent-text: #17201E;

  --cenc-status-info: #2C6C91;
  --cenc-status-info-surface: #E5F2F8;
  --cenc-status-success: #126B5B;
  --cenc-status-success-surface: #E5F2EF;
  --cenc-status-warning: #9A6416;
  --cenc-status-warning-surface: #FBF1DF;
  --cenc-status-danger: #B23B49;
  --cenc-status-danger-surface: #FCEBED;

  --cenc-focus-color: #126B5B;
  --cenc-selection-bg: #126B5B;
  --cenc-selection-text: #FFFFFF;

  /* Components — softer radii and shadows support touch-first surfaces. */
  --cenc-button-radius: var(--cenc-radius-lg);
  --cenc-button-secondary-bg: #FFFFFF;
  --cenc-button-secondary-bg-hover: #EEF4F2;
  --cenc-button-secondary-border: #C4D9D2;
  --cenc-button-outline-text: #126B5B;
  --cenc-button-outline-border: #126B5B;
  --cenc-button-ghost-text: #3E4B48;

  --cenc-input-bg: #FFFFFF;
  --cenc-input-bg-disabled: #EEF4F2;
  --cenc-input-border: #C4D9D2;
  --cenc-input-border-hover: #86AA9F;
  --cenc-input-border-focus: #126B5B;
  --cenc-input-radius: var(--cenc-radius-lg);
  --cenc-choice-accent: #126B5B;
  --cenc-switch-track: #B8CCC6;
  --cenc-switch-track-checked: #126B5B;
  --cenc-switch-thumb: #FFFFFF;

  --cenc-card-bg: #FFFFFF;
  --cenc-card-border: #DCE9E5;
  --cenc-card-radius: var(--cenc-radius-xl);
  --cenc-card-shadow: 0 10px 28px rgb(16 55 47 / 0.07);
  --cenc-card-hover-border: #8BB5AA;
  --cenc-card-hover-shadow: 0 16px 38px rgb(16 55 47 / 0.11);
  --cenc-card-accent: #C58A3A;
  --cenc-card-media-bg: #EEF4F2;

  --cenc-table-bg: #FFFFFF;
  --cenc-table-header-bg: #EEF4F2;
  --cenc-table-row-hover-bg: #F3F8F6;
  --cenc-table-border: #DCE9E5;
  --cenc-table-stripe-bg: #FAFCFB;
  --cenc-table-selected-bg: #E5F2EF;
  --cenc-table-selected-border: #126B5B;

  --cenc-pagination-bg: #FFFFFF;
  --cenc-pagination-border: #C4D9D2;
  --cenc-pagination-hover-bg: #EEF4F2;
  --cenc-pagination-active-bg: #126B5B;
  --cenc-pagination-active-text: #FFFFFF;

  --cenc-modal-bg: #FFFFFF;
  --cenc-modal-border: #DCE9E5;
  --cenc-modal-shadow: 0 26px 70px rgb(16 35 31 / 0.20);
  --cenc-dropdown-bg: #FFFFFF;
  --cenc-dropdown-border: #DCE9E5;
  --cenc-dropdown-item-hover-bg: #EEF4F2;
  --cenc-tooltip-bg: #10231F;
  --cenc-tooltip-text: #F9FCFB;
  --cenc-tab-indicator: #126B5B;
  --cenc-toast-bg: #FFFFFF;
  --cenc-toast-border: #DCE9E5;

  /* Admin Shell */
  --cenc-admin-bg: #F5F8F7;
  --cenc-admin-content-bg: #F5F8F7;
  --cenc-sidebar-bg: #10231F;
  --cenc-sidebar-text: #BCD0CA;
  --cenc-sidebar-text-active: #FFFFFF;
  --cenc-sidebar-border: #1C3D35;
  --cenc-sidebar-item-hover-bg: #183B32;
  --cenc-sidebar-item-active-bg: #205146;
  --cenc-sidebar-item-active-accent: #E0B26A;
  --cenc-topbar-bg: #FFFFFF;
  --cenc-topbar-border: #DCE9E5;

  /* Auth */
  --cenc-auth-bg: #F5F8F7;
  --cenc-auth-card-bg: #FFFFFF;
  --cenc-auth-card-border: #DCE9E5;
  --cenc-auth-card-shadow: 0 24px 64px rgb(16 55 47 / 0.12);
  --cenc-auth-link: #0D5E50;
  --cenc-auth-eyebrow: #126B5B;
  --cenc-auth-visual-bg: #E5F2EF;

  /* Public */
  --cenc-public-bg: #F5F8F7;
  --cenc-public-header-bg: #FFFFFF;
  --cenc-public-header-border: #DCE9E5;
  --cenc-public-nav-drawer-bg: #FFFFFF;
  --cenc-public-nav-hover-bg: #EEF4F2;
  --cenc-public-nav-active-bg: #E5F2EF;
  --cenc-public-hero-bg: #F5F8F7;
  --cenc-public-hero-eyebrow: #126B5B;
  --cenc-public-hero-title: #17201E;
  --cenc-public-hero-lead: #3E4B48;
  --cenc-public-hero-media-bg: #FFFFFF;
  --cenc-public-hero-media-border: #DCE9E5;
  --cenc-public-hero-media-shadow: 0 24px 64px rgb(16 55 47 / 0.12);
  --cenc-public-section-bg: #F5F8F7;
  --cenc-public-section-subtle-bg: #EEF4F2;
  --cenc-public-footer-bg: #10231F;
  --cenc-public-footer-border: #1C3D35;
  --cenc-public-footer-text: #BCD0CA;
}

/* Product personality: soft organic light cues without product-specific markup. */
[data-cenc-theme="pets"] .cenc-card--accent,
[data-cenc-theme="pets"] .cenc-public-hero__media,
[data-cenc-theme="pets"] .cenc-auth-shell__visual,
[data-cenc-theme="pets"] .cenc-auth-card {
  position: relative;
}

[data-cenc-theme="pets"] .cenc-card--accent::before,
[data-cenc-theme="pets"] .cenc-public-hero__media::before,
[data-cenc-theme="pets"] .cenc-auth-card::before {
  background: linear-gradient(90deg, transparent, rgb(18 107 91 / 0.52), rgb(197 138 58 / 0.58), transparent);
  content: "";
  height: 2px;
  inset: 0 10% auto;
  pointer-events: none;
  position: absolute;
}

[data-cenc-theme="pets"] .cenc-public-hero__media::after,
[data-cenc-theme="pets"] .cenc-auth-shell__visual::after {
  background:
    radial-gradient(circle at 18% 22%, rgb(18 107 91 / 0.08) 0 5%, transparent 5.5%),
    radial-gradient(circle at 82% 28%, rgb(197 138 58 / 0.08) 0 4%, transparent 4.5%),
    radial-gradient(circle at 62% 78%, rgb(18 107 91 / 0.06) 0 6%, transparent 6.5%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

@media (prefers-reduced-motion: reduce) {
  [data-cenc-theme="pets"] * {
    scroll-behavior: auto;
  }
}