@layer tokens {
  :root {
	--font-body: var(--wp--preset--font--body);
	--font-heading: var(--wp--preset--font--heading);
	--font-system: var(--wp--preset--font--system);

	--font-size-sm: var(--wp--preset--font-size--small);
	--font-size-md: var(--wp--preset--font-size--medium);
	--font-size-lg: var(--wp--preset--font-size--large);
	--font-size-xl: var(--wp--preset--font-size--xl);

	--lh-tight: 1.2;
	--lh-snug: 1.35;
	--lh-normal: 1.5;
	--lh-relaxed: 1.7;

	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;

	--text-body-size: var(--font-size-md);
	--text-body-weight: var(--fw-regular);
	--text-body-lh: var(--lh-normal);

	--text-heading-weight: var(--fw-semibold);
	--text-heading-lh: var(--lh-tight);

	--text-small-size: var(--font-size-sm);
	--text-small-weight: var(--fw-regular);
	--text-small-lh: var(--lh-normal);

	--text-lead-size: var(--font-size-lg);
	--text-lead-weight: var(--fw-regular);
	--text-lead-lh: var(--lh-relaxed);

	--text-caption-size: var(--font-size-sm);
	--text-caption-weight: var(--fw-regular);
	--text-caption-lh: var(--lh-normal);

	--text-code-size: .95em;
	--text-code-lh: var(--lh-normal);

	--main-width: var(--main-content--main--width);

	--space-025: var(--wp--preset--spacing--025);
	--space-0375: var(--wp--preset--spacing--0375);
	--space-050: var(--wp--preset--spacing--050);
	--space-075: var(--wp--preset--spacing--075);
	--space-100: var(--wp--preset--spacing--100);
	--space-150: var(--wp--preset--spacing--150);
	--space-200: var(--wp--preset--spacing--200);

	--space-xxs: var(--space-025);
	--space-xs:  var(--space-0375);
	--space-sm:  var(--space-050);
	--space-md:  var(--space-075);
	--space-lg:  var(--space-100);
	--space-xl:  var(--space-150);
	--space-2xl: var(--space-200);

	--icon-author: "\f110";
	--icon-view: "\f177";
	--icon-comment: "\f101";
	--icon-date: "\f145";
	--icon-category: "\f318";
	--icon-tag: "\f323";
	--icon-phone: "\f525";
	--icon-email:"\f465";
	--icon-search: "\f179";
	--icon-cart: "\f174";
	--icon-toggle: "\2630";
	--icon-menu:        var(--wp--preset--icon--menu);
	--icon-navigation:  var(--wp--preset--icon--navigation);
	--icon-sub-menu:    var(--wp--preset--icon--sub-menu);
	--icon-topbar:      var(--wp--preset--icon--topbar);
	--icon-footer:      var(--wp--preset--icon--footer);
	--icon-sidebar-heading: var(--wp--preset--icon--sidebar-heading);
	--icon-footer-heading:  var(--wp--preset--icon--footer-heading);
	--icon-content-heading: var(--wp--preset--icon--content-heading);
	--icon-tagline:     var(--wp--preset--icon--tagline);

	--color-primary: var(--wp--preset--color--primary);
	--color-primary-contrast: var(--wp--preset--color--primary-contrast);
	--color-secondary: var(--wp--preset--color--secondary);
	--color-secondary-contrast: var(--wp--preset--color--secondary-contrast);
	--color-foreground: var(--wp--preset--color--foreground);
	--color-muted: var(--wp--preset--color--muted);
	--color-background: var(--wp--preset--color--background);
	--color-surface: var(--wp--preset--color--surface);
	--color-surface-alt: var(--wp--preset--color--surface-alt);
	--color-border: var(--wp--preset--color--border);
	--color-quote-background: var(--wp--preset--color--quote-background);
	--color-link: var(--wp--preset--color--link);
	--color-link-hover: var(--wp--preset--color--link-hover);
	--color-primary-soft: color-mix(in srgb, var(--color-primary) 30%, var(--color-background));
	--color-primary-muted: color-mix(in srgb, var(--color-primary) 15%, var(--color-background));

	--color-secondary-soft: color-mix(in srgb, var(--color-secondary) 30%, var(--color-primary));
	--color-secondary-muted: color-mix(in srgb, var(--color-secondary) 15%, var(--color-primary));
	--color-foreground-soft: color-mix(in srgb, var(--color-foreground) 70%, var(--color-background));
	  --color-foreground-muted: color-mix(in srgb, var(--color-foreground) 45%, var(--color-background));

	--border-hairline: 1px;
	--border-thin: 1px;
	--border-thick: 2px;
	--border-style-solid: solid;
	--border-default: var(--border-hairline) var(--border-style-solid) var(--color-border);
	--border-focus: var(--border-hairline) var(--border-style-solid) var(--color-primary);

	--radius-none: 0;
	--radius-xs: 2px;
	--radius-sm: 4px;
	--radius-md: 6px;
	--radius-lg: 10px;
	--radius-pill: 999px;

	--radius-control: var(--radius-sm);
	--radius-card: var(--radius-md);
	--radius-popover: var(--radius-md);

	--optical-strong: 1;
	--optical-default: 0.95;
	--optical-soft: 0.9;
	--optical-muted: 0.85;
	--optical-faint: 0.7;

	--z-header: 50;
	--z-content: 2;
	  --z-controls: 5;

	--transition-interactive:
	  background-color 0.2s ease,
	  color 0.2s ease,
	  box-shadow 0.2s ease;
  }
}