/* ==========================================================================
   Omraa Theme — Design Tokens
   ========================================================================== */
:root {
  /* Brand */
  --omraa-primary:        #0E5C4A;
  --omraa-primary-dark:   #094738;
  --omraa-primary-light:  #16745f;
  --omraa-primary-50:     #e9f4f1;
  --omraa-accent:         #D4A63C;
  --omraa-accent-dark:    #b88925;
  --omraa-accent-light:   #f5c668;
  --omraa-whatsapp:       #25D366;

  /* Surfaces */
  --omraa-bg:             #F8FAFC;
  --omraa-surface:        #FFFFFF;
  --omraa-surface-alt:    #F2F4F7;
  --omraa-border:         #E5E7EB;
  --omraa-border-strong:  #D1D5DB;

  /* Text */
  --omraa-text:           #0F172A;
  --omraa-text-soft:      #334155;
  --omraa-text-muted:     #64748B;
  --omraa-text-on-dark:   #F8FAFC;

  /* States */
  --omraa-success:        #16A34A;
  --omraa-warning:        #F59E0B;
  --omraa-danger:         #DC2626;
  --omraa-info:           #0EA5E9;

  /* Stars */
  --omraa-star:           #FACC15;

  /* Typography */
  --omraa-font-base:      'Cairo', 'Tajawal', system-ui, sans-serif;
  --omraa-font-head:      'Cairo', sans-serif;

  /* Radius */
  --omraa-radius-sm:      6px;
  --omraa-radius:         16px;
  --omraa-radius-lg:      16px;
  --omraa-radius-xl:      22px;
  --omraa-radius-full:    999px;

  /* Shadow */
  --omraa-shadow-sm:      0 1px 2px rgba(15, 23, 42, .06);
  --omraa-shadow:         0 4px 14px rgba(15, 23, 42, .07);
  --omraa-shadow-lg:      0 18px 40px -12px rgba(15, 23, 42, .18);

  /* Layout */
  --omraa-container:      1240px;
  --omraa-gutter:         24px;

  /* Transition */
  --omraa-transition:     .2s ease;
}