/* ============================================
   ORVINIEL — Design Tokens
   CSS Custom Properties Only
   ============================================ */

:root {
  /* Foundation */
  --ink:              #0F0F14;
  --ivory:            #F8F7F4;
  --white:            #FFFFFF;

  /* Orviniel Signature — Deep Indigo */
  --indigo:           #3730A3;
  --indigo-light:     #4F46E5;
  --indigo-pale:      #EEF2FF;
  --indigo-subtle:    #C7D2FE;

  /* Neutrals */
  --warm-grey:        #ECECEA;
  --mid-grey:         #6B6B72;
  --light-grey:       #D4D4D0;
  --dark-bg:          #12121A;

  /* Product Accents */
  --orviniex:         #2563EB;
  --onegravity:       #059669;
  --orvindox:         #7C3AED;
  --oneclique:        #0EA5E9;
  --onevue:           #D97706;
  --servorvin:        #475569;
  --cloudorvin:       #0891B2;

  /* Spacing */
  --section-pad:      140px;
  --section-pad-md:   80px;
  --section-pad-sm:   56px;
  --max-width:        1280px;
  --gutter:           80px;
  --gutter-md:        40px;
  --gutter-sm:        24px;

  /* Typography */
  --font:             "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;

  /* Transitions */
  --ease-out:         cubic-bezier(0.22, 1, 0.36, 1);
  --duration:         300ms;
  --duration-slow:    600ms;

  /* Borders */
  --radius:           4px;
  --border-light:     1px solid #D4D4D0;
  --border-dark:      1px solid rgba(255, 255, 255, 0.08);
  --divider-light:    1px solid #E4E4E0;
}