/*
 Theme Name:   iBoard Divi Child
 Theme URI:
 Description:  Divi Child Theme — design tokens extracted from Shuffle.dev template
 Author:
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* ============================================================
   BRAND DESIGN TOKENS
   Edit these values to restyle the entire site.
   ============================================================ */

:root {

  /* --- Colors --- */
  --brand-primary:         #f97316; /* orange-500 */
  --brand-primary-dark:    #ea580c; /* orange-600 */
  --brand-primary-light:   #fb923c; /* orange-400 */
  --brand-secondary:       #ec4899; /* pink-500 */

  --brand-bg-warm:         #fffbeb; /* amber-50 */
  --brand-bg-light:        #ffffff;
  --brand-bg-dark:         #1e293b; /* slate-800 */
  --brand-bg-darker:       #0f172a; /* slate-900 */

  --brand-text-primary:    #1e293b; /* slate-800 */
  --brand-text-secondary:  #475569; /* slate-600 */
  --brand-text-muted:      #64748b; /* slate-500 */
  --brand-text-faint:      #94a3b8; /* slate-400 */
  --brand-text-inverted:   #ffffff;

  --brand-accent-1:        #ec4899; /* pink-500  — pink feature section */
  --brand-accent-2:        #06b6d4; /* cyan-500  — cyan feature section */
  --brand-accent-3:        #f59e0b; /* amber-500 — amber feature section */

  --brand-border:          #e2e8f0; /* slate-200 */

  /* --- Gradients --- */
  --brand-gradient-primary: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));

  /* --- Typography --- */
  --brand-font-heading:    'Baloo 2', sans-serif;
  --brand-font-body:       'Nunito', sans-serif;

  /* --- Border radius --- */
  --brand-radius-sm:       0.5rem;  /* rounded-lg  */
  --brand-radius-md:       0.75rem; /* rounded-xl  */
  --brand-radius-lg:       1rem;    /* rounded-2xl */
  --brand-radius-xl:       1.5rem;  /* rounded-3xl */
  --brand-radius-full:     9999px;  /* rounded-full */

}

/* ============================================================
   DIVI VARIABLE OVERRIDES
   Maps Divi 5's own CSS variables to the brand tokens above.
   ============================================================ */

:root {

  /* Global */
  --divi-primary-color:         var(--brand-primary);
  --divi-secondary-color:       var(--brand-secondary);
  --divi-text-color:            var(--brand-text-primary);
  --divi-link-color:            var(--brand-primary);
  --divi-link-color-hover:      var(--brand-primary-dark);

  /* Global Color Palette slots
     (set matching hex values in Divi → Global Styles → Colors) */
  --divi-color-palette-1:       var(--brand-primary);
  --divi-color-palette-2:       var(--brand-secondary);
  --divi-color-palette-3:       var(--brand-bg-warm);
  --divi-color-palette-4:       var(--brand-bg-dark);
  --divi-color-palette-5:       var(--brand-text-primary);
  --divi-color-palette-6:       var(--brand-text-muted);
  --divi-color-palette-7:       var(--brand-accent-2);
  --divi-color-palette-8:       var(--brand-accent-3);

  /* Typography */
  --divi-font-body-family:      var(--brand-font-body);
  --divi-font-heading-family:   var(--brand-font-heading);

}