/* ptc-tokens.css */
:root {
  /* Neutral Grays */
  --ptc-white:      #ffffff;
  --ptc-gray-50:    #f8f9fa;
  --ptc-gray-100:   #f1f3f4;
  --ptc-gray-200:   #e8eaed;
  --ptc-gray-300:   #dadce0;
  --ptc-gray-400:   #bdc1c6;
  --ptc-gray-500:   #9aa0a6;
  --ptc-gray-600:   #80868b;
  --ptc-gray-700:   #5f6368;
  --ptc-gray-800:   #3c4043;
  --ptc-gray-900:   #202124;
  --ptc-black:      #000000;

  /* Accent Color */
  --ptc-accent:           #1a73e8;
  --ptc-accent-hover:     #1557b0;
  --ptc-accent-light:     #e8f0fe;

  /* Semantic Colors */
  --ptc-success:          #0f9d58;
  --ptc-success-light:    #e6f4ea;
  --ptc-warning:          #f9ab00;
  --ptc-warning-light:    #fef7e0;
  --ptc-error:            #d93025;
  --ptc-error-light:      #fce8e6;

  /* Applied Colors */
  --ptc-text-primary:     var(--ptc-gray-900);
  --ptc-text-secondary:   var(--ptc-gray-700);
  --ptc-text-muted:       #6b7280;
  --ptc-bg-primary:       var(--ptc-white);
  --ptc-bg-secondary:     var(--ptc-gray-50);
  --ptc-bg-tertiary:      var(--ptc-gray-100);
  --ptc-border:           var(--ptc-gray-300);
  --ptc-border-light:     var(--ptc-gray-200);

  /* Typography Fonts */
  --ptc-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
  --ptc-font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', Menlo, Courier, monospace;

  /* Typography Scale */
  --ptc-font-base: 1rem;           /* 16px */
  --ptc-font-xs:   0.75rem;        /* 12px */
  --ptc-font-sm:   0.875rem;       /* 14px */
  --ptc-font-md:   1rem;           /* 16px */
  --ptc-font-lg:   1.125rem;       /* 18px */
  --ptc-font-xl:   1.25rem;        /* 20px */
  --ptc-font-2xl:  1.5rem;         /* 24px */
  --ptc-font-3xl:  2rem;           /* 32px */
  --ptc-font-4xl:  2.5rem;         /* 40px */
  --ptc-font-5xl:  3rem;           /* 48px */

  /* Typography Line Heights */
  --ptc-leading-tight:   1.2;
  --ptc-leading-normal:  1.5;
  --ptc-leading-relaxed: 1.625;

  /* Typography Weights */
  --ptc-font-normal:  400;
  --ptc-font-medium:  500;
  --ptc-font-bold:    700;

  /* Spacing (Base Unit: 4px) */
  --ptc-space-1:  0.25rem;   /* 4px  */
  --ptc-space-2:  0.5rem;    /* 8px  */
  --ptc-space-3:  0.75rem;   /* 12px */
  --ptc-space-4:  1rem;      /* 16px */
  --ptc-space-5:  1.25rem;   /* 20px */
  --ptc-space-6:  1.5rem;    /* 24px */
  --ptc-space-7:  1.75rem;   /* 28px */
  --ptc-space-8:  2rem;      /* 32px */
  --ptc-space-10: 2.5rem;    /* 40px */
  --ptc-space-12: 3rem;      /* 48px */
  --ptc-space-16: 4rem;      /* 64px */

  /* Layout Widths */
  --ptc-content-max: 1200px;
  --ptc-content-narrow: 800px;
  --ptc-content-calc: 960px;
  --ptc-content-wide: 1400px;

  /* Border Radii */
  --ptc-radius-sm:  0.25rem;   /* 4px  */
  --ptc-radius-md:  0.5rem;    /* 8px  */
  --ptc-radius-lg:  1rem;      /* 16px */
  --ptc-radius-full: 9999px;   /* Pill */

  /* Shadows */
  --ptc-shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --ptc-shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --ptc-shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);

  /* Transitions */
  --ptc-transition: 150ms ease-in-out;

  /* Focus Ring */
  --ptc-focus-ring: 0 0 0 3px rgba(26, 115, 232, 0.4);
  --ptc-focus-ring-offset: 2px;

  /* Z-Index */
  --ptc-z-dropdown:  100;
  --ptc-z-sticky:    200;
  --ptc-z-overlay:   300;
  --ptc-z-modal:     400;
  --ptc-z-toast:     500;
}