/* =============================================
   ATSY — Design Tokens
   Font: Inter
   ============================================= */
:root {
  --color-text-primary:      #191E25;
  --color-text-secondary:    #676B6F;
  --color-text-tertiary:     #9EA1A3;
  --color-text-white:        #FFFFFF;
  --color-bg-primary:        #FFFFFF;
  --color-bg-secondary:      #FAFBFC;
  --color-bg-tertiary:       #F2F5F8;
  --color-bg-quaternary:     #E9EEF3;
  --color-bg-curtain:        rgba(31, 48, 71, 0.60);
  --color-border-primary:    #E9EEF3;
  --color-border-secondary:  #D3DCE4;
  --color-border-tertiary:   #C4D1DE;
  --color-border-quaternary: #A8B8C9;
  --color-brand-dark:        #0464DE;
  --color-brand-default:     #0070FF;
  --color-accent:            #00FF99;
  --color-accent-light:      #C2FFEB;
  --color-warning:           #FFDD99;
  --color-error-light:       #F8D3D8;
  --color-error-stroke:      #C65353;
  --color-purple:            #AF74E2;
  --shadow-1: 0px 4px 16px -8px rgba(25, 30, 37, 0.10);
  --shadow-2: 0px 8px 32px -8px rgba(25, 30, 37, 0.08);
  --shadow-3: 0px 2px 40px -16px rgba(25, 30, 37, 0.08);
  --font-family: 'Inter', sans-serif;
  --radius-52: 52px; --radius-40: 40px; --radius-36: 36px;
  --radius-28: 28px; --radius-20: 20px; --radius-14: 14px;
  --radius-12: 12px; --radius-10: 10px; --radius-8: 8px; --radius-6: 6px;
  --gap-80: 80px; --gap-60: 60px; --gap-48: 48px; --gap-40: 40px;
  --gap-36: 36px; --gap-32: 32px; --gap-28: 28px; --gap-24: 24px;
  --gap-20: 20px; --gap-16: 16px; --gap-12: 12px;
  --gap-8: 8px; --gap-6: 6px; --gap-4: 4px;
  --container-max: 1280px;
  --container-outer: 1440px;
}