/*
 * Inucomi Design Tokens
 * Public CSS variables for Inucomi interfaces.
 * Values follow the published token registry.
 */
:root {
  /* color.brand.accent: Primary brand action color mapped from site settings. */
  --color-st-accent: #007fa8;
  /* color.brand.accentHover: Darker hover state derived from the configured primary brand color. */
  --color-st-accent-hover: #007094;
  /* color.brand.link: Text link and secondary CTA color mapped from site settings. */
  --color-st-link: #007fa8;
  /* color.action.sharedPrimary: Default shared Button and selected control color. */
  --primary: #2563eb;
  /* color.action.sharedPrimaryHover: Darker hover state for the shared primary action without changing hue. */
  --primary-hover: #134fd2;
  /* color.action.sharedPrimaryForeground: Foreground color used on shared primary action surfaces. */
  --primary-foreground: #f8fafc;
  /* color.action.reviewSubmit: Review form submit and review-specific emphasis color. */
  --color-st-review-action: #0f8284;
  /* color.action.reviewSubmitHover: Hover state for review form submit action. */
  --color-st-review-action-hover: #0d7274;
  /* color.action.reviewGuidelineHeading: Review guideline heading color preserving the existing caution tone. */
  --color-st-review-guideline-heading: #b02222;
  /* color.action.reviewPromptLink: Review empty-state prompt link color preserving the existing first-review CTA. */
  --color-st-review-prompt-link: #0079ad;
  /* color.action.reviewFloating: Floating review post action color preserving the existing store footer CTA. */
  --color-st-review-floating: #b45309;
  /* color.action.reviewFloatingHover: Hover state for the floating review post action. */
  --color-st-review-floating-hover: #92400e;
  /* color.action.photoSubmit: Photo post action color preserving the existing gallery CTA treatment. */
  --color-st-photo-action: #4f46e5;
  /* color.action.photoSubmitHover: Hover state for photo post action. */
  --color-st-photo-action-hover: #4338ca;
  /* color.action.framePlan: Plan frame-box header color preserving the existing indigo tone. */
  --color-st-frame-plan-action: #4f46e5;
  /* color.action.framePlanBullet: Plan frame-box bullet color preserving the existing indigo accent. */
  --color-st-frame-plan-bullet: #818cf8;
  /* color.content.muted: Muted foreground that meets WCAG AA on canvas and muted surfaces. */
  --muted-foreground: #636e7e;
  /* color.content.postIdentityHeading: Heading color for the shared post identity selector, preserving the existing indigo tone. */
  --color-st-post-identity-heading: #312e81;
  /* color.content.framePlanControlText: Text color for plan frame-box editing controls, preserving the existing indigo-600 tone. */
  --color-st-frame-plan-control-text: #4f46e5;
  /* color.content.inquiryConfirmationHeading: Heading color for the public inquiry confirmation panel, preserving the existing indigo-900 tone. */
  --color-st-inquiry-confirmation-heading: #312e81;
  /* color.content.inquiryConfirmationBody: Body helper color for the public inquiry confirmation panel, preserving the existing indigo-700 tone. */
  --color-st-inquiry-confirmation-body: #4338ca;
  /* color.content.inquiryConfirmationLabel: Field label color for the public inquiry confirmation panel, preserving the existing indigo-800 tone. */
  --color-st-inquiry-confirmation-label: #3730a3;
  /* color.surface.canvas: Default page canvas. */
  --background: #ffffff;
  /* color.surface.muted: Muted section surface. */
  --secondary: #f1f5f9;
  /* color.surface.postIdentitySurface: Subtle surface for the shared post identity selector. */
  --color-st-post-identity-surface: #eef2ff;
  /* color.surface.postIdentityBorder: Subtle border for the shared post identity selector. */
  --color-st-post-identity-border: #e0e7ff;
  /* color.surface.framePlanSurface: Plan frame-box subtle surface preserving the existing indigo tint. */
  --color-st-frame-plan-surface: #eef2ff;
  /* color.surface.framePlanBorder: Plan frame-box subtle border preserving the existing indigo tint. */
  --color-st-frame-plan-border: #e0e7ff;
  /* color.surface.framePlanControlBorder: Border color for plan frame-box editing controls, preserving the existing indigo-200 tone. */
  --color-st-frame-plan-control-border: #c7d2fe;
  /* color.surface.inquiryConfirmationSurface: Subtle surface for the public inquiry confirmation panel, preserving the existing indigo-50 tint. */
  --color-st-inquiry-confirmation-surface: #eef2ff;
  /* color.surface.inquiryConfirmationBorder: Border color for the public inquiry confirmation panel, preserving the existing indigo-200 tone. */
  --color-st-inquiry-confirmation-border: #c7d2fe;
  /* color.surface.inquiryConfirmationDivider: Divider color for the public inquiry confirmation panel, preserving the existing indigo-100 tone. */
  --color-st-inquiry-confirmation-divider: #e0e7ff;
  /* color.surface.reviewGuidelineSurface: Subtle review guideline panel surface preserving the existing paper tone. */
  --color-st-review-guideline-surface: #fdfdfd;
  /* color.surface.footer: Shared footer background. */
  --color-footer-bg: #f8f8f8;
  /* color.visualization.chartAxis: Legacy neutral axis color for advertising and search-volume charts. */
  --color-st-chart-axis: #888888;
  /* color.visualization.chartAxisMuted: Muted axis and low-emphasis chart label color. */
  --color-st-chart-axis-muted: #9ca3af;
  /* color.visualization.chartGrid: Grid and neutral chart divider color. */
  --color-st-chart-grid: #e5e7eb;
  /* color.visualization.chartGridSoft: Soft chart grid used by compact metric charts. */
  --color-st-chart-grid-soft: #f3f4f6;
  /* color.visualization.chartPositive: Positive metric series color. */
  --color-st-chart-positive: #10b981;
  /* color.visualization.chartNegative: Negative metric series color. */
  --color-st-chart-negative: #f43f5e;
  /* color.visualization.chartDanger: Danger and low-score chart series color. */
  --color-st-chart-danger: #ef4444;
  /* color.visualization.chartPrimary: Primary blue chart series color. */
  --color-st-chart-primary: #3b82f6;
  /* color.visualization.chartHealthTrend: Pet health and weight trend series color. */
  --color-st-chart-health-trend: #0284c7;
  /* color.visualization.chartPurple: Secondary purple chart series color. */
  --color-st-chart-purple: #a855f7;
  /* color.visualization.chartImpressions: Ad impressions chart series color. */
  --color-st-chart-impressions: #8884d8;
  /* color.visualization.chartClicks: Ad clicks chart series color. */
  --color-st-chart-clicks: #82ca9d;
  /* color.visualization.chartCtr: CTR chart series color. */
  --color-st-chart-ctr: #ff7300;
  /* color.visualization.chartPageViewsSurface: Page-view area surface fill. */
  --color-st-chart-page-views-surface: #ede9fe;
  /* color.visualization.chartPageViews: Page-view chart series color. */
  --color-st-chart-page-views: #8b5cf6;
  /* color.visualization.chartPageViewsTrend: Page-view moving average series color. */
  --color-st-chart-page-views-trend: #7c3aed;
  /* color.feedback.destructive: Destructive or error state. */
  --destructive: #dc2626;
  /* color.feedback.destructiveHover: Darker hover state for destructive actions with white text. */
  --destructive-hover: #b91c1c;
  /* color.feedback.reviewStar: Review star fill color used by the shared StarRating primitive. */
  --color-st-review-star: #f59e0b;
  /* color.feedback.reviewStarEmpty: Review star empty fill color used by the shared StarRating primitive. */
  --color-st-review-star-empty: #e5e7eb;
  /* typography.family.body: Default UI and body family. */
  --font-sans: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  /* typography.family.code: Monospace family for code-like content. */
  --font-mono: "Geist Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;
  /* dimension.space.pageGutter: Horizontal page gutter on small screens. Shared by breadcrumbs, the store detail sidebar and tab body, static page shells, and popover collision padding. */
  --ic-page-gutter: 1rem;
  /* dimension.space.pageX: Responsive horizontal page padding. */
  --ic-space-page-x: 1rem;
  /* dimension.space.sectionY: Responsive vertical spacing for major sections. */
  --ic-space-section-y: 3.5rem;
  /* dimension.space.cardGap: Default gap between repeated cards. */
  --ic-space-card-gap: 1.25rem;
  /* dimension.target.touch: Minimum target size for touch and coarse-pointer interactions. */
  --ic-target-touch: 2.75rem;
  /* dimension.target.pointer: Minimum target size for fine-pointer interactions. */
  --ic-target-pointer: 1.5rem;
  /* dimension.radius.control: Button and input radius. */
  --ic-radius-control: 0.375rem;
  /* dimension.radius.card: Reusable content card radius. */
  --ic-radius-card: 0.75rem;
  /* shadow.card: Default low elevation for cards. */
  --ic-shadow-card: 0px 1px 2px 0px rgb(0 0 0 / 0.05);
  /* motion.duration.fast: Fast feedback for focus and hover. */
  --ic-duration-fast: 150ms;
  /* motion.duration.base: Standard transition duration. */
  --ic-duration-base: 300ms;
  /* motion.easing.standard: Default easing for product UI motion. */
  --ic-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}