/*
Theme Name: test
Theme URI:
Author: WP Builder
Author URI:
Description: 
Version: 2026.04.23.1023
Text Domain: test
Requires at least: 6.4
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Design System Tokens - Generated 2026-03-19 14:36:31 */

:root {
  /* bg */
  --color-bg-default: #FFFFFF;
  --color-bg-subtle: #FAFBFA;
  --color-bg-elevated: #F8F8F8;
  --color-bg-inverse: #131313;
  --color-bg-muted: #F0F0F0;
  --color-bg-overlay: rgba(0, 0, 0, 0.5);
  /* text */
  --color-text-primary: #000000;
  --color-text-secondary: rgba(0, 0, 0, 0.6);
  --color-text-tertiary: #757575;
  --color-text-inverse: #FFFFFF;
  --color-text-disabled: rgba(0, 0, 0, 0.4);
  --color-text-link: #478576;
  --color-text-error: #EA3527;
  /* border */
  --color-border-default: rgba(0, 0, 0, 0.1);
  --color-border-subtle: rgba(0, 0, 0, 0.08);
  --color-border-strong: rgba(0, 0, 0, 0.2);
  --color-border-disabled: #DEDEDE;
  --color-border-focus: #478576;
  --color-border-error: #EA3527;
  /* brand */
  --color-brand-primary: #478576;
  --color-brand-primary-hover: #2F6356;
  --color-brand-primary-active: #244140;
  --color-brand-on-primary: #FFFFFF;
  --color-brand-secondary: #499B87;
  --color-brand-accent: #27B996;
  /* link */
  --color-link-default: #478576;
  --color-link-hover: #2F6356;
  --color-link-visited: #244140;
  --color-link-active: #0C231F;
  /* states */
  --color-states-success: #27B996;
  --color-states-on-success: #FFFFFF;
  --color-states-warning: #FEBC30;
  --color-states-on-warning: #000000;
  --color-states-danger: #EA3527;
  --color-states-on-danger: #FFFFFF;
  --color-states-info: #5897FB;
  --color-states-on-info: #FFFFFF;
  --color-states-success-subtle: #E9FBE5;
  --color-states-warning-subtle: #FDD79A;
  --color-states-danger-subtle: #FFEEEE;
  --color-states-info-subtle: #E7F5FE;
  /* focus */
  --color-focus-ring: #478576;
  --color-focus-ring-opacity: rgba(71, 133, 118, 0.3);
  /* overlay */
  --color-overlay-scrim: rgba(0, 0, 0, 0.5);
  --color-overlay-backdrop: rgba(0, 0, 0, 0.3);
  /* palette: neutral */
  --color-neutral-50: #FAFBFA;
  --color-neutral-100: #F8F8F8;
  --color-neutral-200: #F0F0F0;
  --color-neutral-300: #EEEEEE;
  --color-neutral-400: #C9C9C9;
  --color-neutral-500: #888888;
  --color-neutral-600: #757575;
  --color-neutral-700: #555555;
  --color-neutral-800: #333333;
  --color-neutral-900: #131313;
  /* palette: primary */
  --color-primary-50: #F7FBFA;
  --color-primary-100: #DDF5E8;
  --color-primary-200: #C6EDD1;
  --color-primary-300: #AFD0C8;
  --color-primary-400: #499B87;
  --color-primary-500: #478576;
  --color-primary-600: #2F6356;
  --color-primary-700: #244140;
  --color-primary-800: #0C231F;
  --color-primary-900: #0E1117;
  /* palette: secondary */
  --color-secondary-50: #F2F6F8;
  --color-secondary-100: #E7F5FE;
  --color-secondary-200: #B0D5F8;
  --color-secondary-500: #5897FB;
  --color-secondary-600: #3E71D5;
  --color-secondary-700: #2747F7;
  --color-secondary-800: #020381;
  /* palette: accent */
  --color-accent-500: #27B996;
  --color-accent-600: #00C064;
  /* palette: success */
  --color-success-50: #E9FBE5;
  --color-success-100: #C0F89B;
  --color-success-500: #27B996;
  --color-success-600: #00D084;
  /* palette: warning */
  --color-warning-100: #FCFFBF;
  --color-warning-200: #FDD79A;
  --color-warning-500: #FEBC30;
  /* palette: danger */
  --color-danger-50: #FFEEEE;
  --color-danger-100: #FCF0EF;
  --color-danger-500: #EA3527;
  --color-danger-600: #CF2E2E;
  /* palette: info */
  --color-info-500: #5897FB;
  --color-info-600: #3E71D5;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-13: 52px;
  --space-14: 56px;
  --space-15: 60px;
  --space-16: 64px;
  --space-17: 68px;
  --space-18: 72px;
  --space-20: 80px;
  --space-24: 96px;
  --space-27: 108px;
  --space-32: 128px;
  --space-40: 160px;
  --space-48: 192px;
  --space-56: 224px;
  --space-64: 256px;
  --radius-0: 0px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-pill: 9999px;
  --radius-circle: 50%;
  --radius-full: 100px;
  --shadow-0: none;
  --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  --shadow-2: 4px 4px 20px 0 rgba(0, 0, 0, 0.08);
  --shadow-3: 4px 4px 48px 0 rgba(0, 0, 0, 0.08);
  --shadow-4: 0 0 10px rgba(0, 0, 0, 1) inset;
  --shadow-inset: 0 1px 2px 0 rgba(208, 208, 208, 1) inset;
  --shadow-focus: 0 0 0 3px rgba(71, 133, 118, 0.3);
  --motion-duration-100: 100ms;
  --motion-duration-150: 150ms;
  --motion-duration-200: 200ms;
  --motion-duration-300: 300ms;
  --motion-duration-500: 500ms;
  --motion-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --motion-easing-emphasized: cubic-bezier(0.0, 0.0, 0.2, 1);
  --motion-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);
  --motion-easing-accelerate: cubic-bezier(0.4, 0.0, 1, 1);
  --motion-easing-linear: linear;
  --z-base: 0;
  --z-dropdown: 10;
  --z-sticky: 100;
  --z-fixed: 101;
  --z-header: 110;
  --z-overlay: 400;
  --z-modal: 1060;
  --z-popover: 10000;
  --z-toast: 10000;
  --border-width-0: 0px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-3: 3px;
  --border-width-4: 4px;
}