/* Standard Theme - Design Tokens */
/* Mirrored from theme-arsha-tokens.css structure, with base.css color values */

body {
  /* Primary Colors (from base.css :root) */
  --standard-primary: #67b168;
  --standard-primary-hover: #5a9c5a;
  --standard-accent: #67b168;
  --standard-accent-hover: #5a9c5a;
  --standard-text-dark: #333333;
  --standard-text-light: #555555;
  --standard-text-muted: #999999;
  --standard-bg-light: #f5f6f8;
  --standard-bg-white: #ffffff;
  --standard-bg-subtle: #f0f0f0;
  --standard-surface: #ffffff;
  --standard-border-light: #e5e5e5;
  --standard-sand: #CBBD93;

  /* Navigation (using standard colors) */
  --standard-nav-color: #333333;

  /* Typography */
  --standard-font-heading: Montserrat, sans-serif;
  --standard-font-body: "Source Sans Pro", sans-serif;
  --standard-font-nav: "Source Sans Pro", sans-serif;

  --standard-font-size-h1: 48px;
  --standard-font-size-h2: 32px;
  --standard-font-size-h3: 24px;
  --standard-font-size-body: 16px;
  --standard-font-size-small: 13px;

  /* Spacing */
  --standard-space-section: 60px;
  --standard-space-medium: 30px;
  --standard-space-small: 15px;

  /* Border Radius */
  --standard-radius-btn: 6px;
  --standard-radius-card: 5px;
  --standard-radius-modern: 20px;
  --standard-radius-circle: 50%;

  /* Shadows */
  --standard-shadow-card: 0px 2px 8px rgba(0, 0, 0, 0.08);
  --standard-shadow-light: 0px 2px 15px rgba(0, 0, 0, 0.1);
  --standard-shadow-subtle: 0px 3px 15px rgba(0, 0, 0, 0.03);
  --standard-shadow-dropdown: 0px 0px 30px rgba(0, 0, 0, 0.1);
  --standard-shadow-hover: 0px 8px 20px rgba(0, 0, 0, 0.12);

  /* Transitions */
  --standard-transition: 0.5s ease-in-out;
  --standard-transition-hover: 0.3s ease-in-out;
}
