@charset "UTF-8";
/* CSS Document */

/* ============================================================
   GLOBAL DESIGN TOKENS — AskMAE / ikanikon
   Single source of truth for all brand styles
   ============================================================ */

:root {
  /* ------------------------------------------------------------
     BRAND COLORS
     ------------------------------------------------------------ */
  --burgundy: #190101;
  --gold: #b09c63;
  --sienna: #a64521;
  --tan: #a0825a;
  --beige: #ccbca6;
  --mauve: #e8dcdb; /* very pale more neutral lighter burgundy */
  --salmonish: #9c7675; 
  --charcoal: #2e2e2e;
  --steel: #dadada;
  --ink: #1c1c1c;
  --reiki: #fffdee;
  --sunshine: #fcd581;
  --canvas: #fcfbfa;
  --jesus: #5a3696;
  --lilac: #c7b5ec;
  --turquoise: #00ccff;
	
  --radius: 10px;
  --max-width: 100%;

  --gold-gradient: linear-gradient(
    135deg,
    #C9AF6C 0%,
    #E5DBD2 50%,
    #C9AF6C 100%
  );

  --gold-hover: linear-gradient(
    135deg,
    #FAF6F7 0%,
    #C9AF6C 60%,
    #A63D2A 100%
  );
	
  --steel-gradient: linear-gradient(
    135deg,
    #2d2d2d 0%,
    #585858 50%,
    #2d2d2d 100%
  );

  --steel-hover: linear-gradient(
    135deg,
    #2d2d2d 0%,
    #585858 60%,
    #2d2d2d 100%
  );

  /* ------------------------------------------------------------
     TYPOGRAPHY
     ------------------------------------------------------------ */
  --font-primary: 'Futura', 'Arial Narrow', Arial, sans-serif;
  --font-secondary: 'Arial', sans-serif;

  --font-size-xxl: 3rem;   /* hero */
  --font-size-xl: 2.4rem;  /* major headings */
  --font-size-lg: 1.8rem;  /* subheads */
  --font-size-md: 1.2rem;  /* body intro */
  --font-size-base: 1rem;  /* normal */
  --font-size-sm: 0.9rem;  /* footnotes */
  --font-size-xs: 0.5rem;  /* tiny text */

  /* ------------------------------------------------------------
     SPACING + RADIUS
     ------------------------------------------------------------ */
  --space-xxl: 80px;
  --space-xl: 48px;
  --space-lg: 32px;
  --space-md: 24px;
  --space-sm: 16px;
  --space-xs: 8px;

  --radius-lg: 24px;
  --radius-md: 14px;
  --radius-sm: 6px;

  /* ------------------------------------------------------------
     SHADOWS
     ------------------------------------------------------------ */
  --shadow-soft: 0 6px 20px rgba(0,0,0,0.12);
  --shadow-medium: 0 6px 24px rgba(0,0,0,0.18);
  --shadow-hard: 0 4px 18px rgba(0,0,0,0.25);

  /* ------------------------------------------------------------
     TRANSITIONS
     ------------------------------------------------------------ */
  --transition-fast: all 0.15s ease;
  --transition: all 0.3s ease;
  --transition-slow: all 0.5s ease;

  /* ------------------------------------------------------------
     WIDTH CONSTRAINTS
     ------------------------------------------------------------ */
  --content-max-width: 1220px;
}