/* =========================================================
   RR Group — Theme.css
   SINGLE source of ALL :root CSS variables.
   HeaderFooter.css + Homepage2.css + allpage.css
   Load FIRST on every page.
   ========================================================= */

:root {
  /* ----------------------------------------------------------------
     1) HEADER + FOOTER (from HeaderFooter.css)
  ---------------------------------------------------------------- */

    /* Brand palette — single source of truth */
    --primary-dark: #0a1929;
    --theme-color: #0f1c33;         /* deep navy — used for header utility bar */
    --theme-dark: #0a1425;          /* darker navy for hover states */
    --theme-light: rgba(212, 160, 23, 0.10); /* soft gold tint for hover pills */

    --accent-gold: #d4a017;
    --accent-gold-soft: #e0b23a;
    --accent-gold-deep: #9c7222;
    --accent-emerald: #059669;
    --accent-cyan: #06b6d4;

    --light-gray: #f8fafc;
    --text-light: #e2e8f0;
    --text-muted: #94a3b8;

    --glass-bg: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(0, 0, 0, 0.06);

    --shadow-sm: 0 2px 10px rgba(10, 20, 40, 0.06);
    --shadow-md: 0 10px 30px rgba(10, 20, 40, 0.10);

    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
    --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);

  /* ----------------------------------------------------------------
     2) HOMEPAGE (from Homepage2.css)
     Note: shared names below override header where they conflict
     (homepage needs its own navy/gold scale).
  ---------------------------------------------------------------- */

  /* Core navy / indigo */
  --primary-dark: #0b1b3a;
  --navy-900: #081430;
  --navy-800: #1a3a77;
  --navy-700: #12274f;
  --navy-600: #1b3566;
  --navy-500: #2a4680;
  --indigo-ink: #16234a;

  /* Elegant gold */
  --gold-700: #9a6f1f;
  --gold-600: #b5862c;
  --gold-500: #c89b3c;
  --gold-400: #ffbd29;
  --gold-200: #f0dcb0;
  --gold-050: #fbf5e8;

  /* Neutrals / surfaces */
  --paper: #ffffff;
  --mist: #f5f7fb;
  --mist-2: #eef2f8;
  --ivory: #faf7f1;
  --line: #e4e8f0;
  --line-strong: #d6dce8;

  /* Text */
  --text: #0b1b3a;
  --text-body: #414f6b;
  --text-muted: #6b7794;
  --text-faint: #8d97ad;

  /* Legacy aliases kept so nothing that references them breaks */
  --primary-blue: #1b3566;
  --accent-gold: #c89b3c;
  --accent-emerald: #0f7a5c;
  --accent-purple: #4c4f8a;
  --accent-rose: #9c3a4e;
  --accent-cyan: #2a6f8f;
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(11, 27, 58, 0.08);
  --gold-gradient: linear-gradient(135deg, #c89b3c, #b5862c);
  --blue-gradient: linear-gradient(135deg, #12274f, #1b3566);
  --emerald-gradient: linear-gradient(135deg, #0f7a5c, #0c6349);
  --purple-gradient: linear-gradient(135deg, #2a4680, #1b3566);

  /* Elevation — restrained, never muddy */
  --shadow-xs: 0 1px 2px rgba(11, 27, 58, 0.05);
  --shadow-sm: 0 1px 2px rgba(11, 27, 58, 0.05), 0 6px 16px -12px rgba(11, 27, 58, 0.3);
  --shadow-md: 0 1px 2px rgba(11, 27, 58, 0.05), 0 16px 32px -22px rgba(11, 27, 58, 0.36);
  --shadow-lg: 0 2px 4px rgba(11, 27, 58, 0.05), 0 28px 56px -30px rgba(11, 27, 58, 0.4);

  /* Radii — tight and considered, no oversized pills on cards */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* Rhythm */
  --space-section: 61px;
  --space-section-sm: 60px;
  --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --font-display: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ----------------------------------------------------------------
     3) INNER PAGES (About, Strengths, Contact, IR, Careers, Privacy…)
     allpage.css uses these tokens.
  ---------------------------------------------------------------- */
  --primary:                #254583;
  --theme-primary:          #4b4b8e;
  --theme-primary-dark:     #3a3a6e;
  --theme-primary-soft:     rgba(75, 75, 142, 0.08);
  --theme-primary-soft-18:  rgba(75, 75, 142, 0.18);
  --theme-primary-soft-20:  rgba(75, 75, 142, 0.2);
  --theme-primary-soft-25:  rgba(75, 75, 142, 0.25);
  --theme-primary-soft-30:  rgba(75, 75, 142, 0.3);

  --primary-soft:           rgba(26, 58, 143, 0.08);
  --primary-soft-05:        rgba(26, 58, 143, 0.05);
  --primary-soft-07:        rgba(26, 58, 143, 0.07);
  --primary-soft-12:        rgba(26, 58, 143, 0.12);
  --primary-soft-20:        rgba(26, 58, 143, 0.2);
  --primary-soft-30:        rgba(26, 58, 143, 0.3);

  /* Icon gold on inner pages (distinct from header --accent-gold) */
  --icon-gold:              #ffb427;
  --accent:                 #ff6b35;
  --theme-accent:           #9b9045;
  --accent-success:         #16a34a;
  --accent-success-alt:     #20B038;
  --accent-success-soft:    rgba(22, 163, 74, 0.08);
  --accent-success-soft-15: rgba(22, 163, 74, 0.15);
  --accent-warning:         #e0a800;
  --accent-info:            #17a2b8;
  --accent-danger:          #dc3545;

  --text-main:              #1f2937;
  --body:                   #4a5568;
  --text-muted-alt:         #6c757d;
  --muted:                  #718096;
  --cols:                   #337ab7;

  --bg-page:                #ffffff;
  --bg-page-alt:            #f0f2f7;
  --bg-page-ir:             #f3f4f6;
  --card-bg:                #ffffff;
  --soft:                   #f7f9fc;
  --theme-secondary:        #f8f9fb;
  --accordion-body-bg:      #fafbfc;

  --border:                 #e2e8f0;
  --border-color:           #e5e7eb;
  --border-careers:         #e8eaf0;

  --radius:                 10px;
  --radius-sm:              8px;
  --radius-md:              12px;
  --radius-lg:              14px;
  --radius-pill:            50px;
  --card-radius:            14px;

  --shadow-sm-alt:          0 1px 4px rgba(0,0,0,0.05);
  --shadow-card:            0 3px 12px rgba(0,0,0,.04);
  --shadow-md-ir:           0 6px 16px rgba(75, 75, 142, 0.1);
  --shadow-md-careers:      0 6px 20px rgba(0,0,0,0.07);
  --card-shadow:            0 4px 20px rgba(26, 58, 143, 0.07);
  --card-shadow-hover:      0 10px 28px rgba(26, 58, 143, 0.12);

  --transition:             0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-careers:     0.28s ease;

  --font-family:            'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-legacy:     "Lato", sans-serif;
  --font-family-arial:      Arial, sans-serif;

  --fs-xs: 0.72rem; --fs-sm: 0.8rem; --fs-sm-alt: 0.82rem; --fs-sm-2: 0.85rem;
  --fs-sm-3: 0.86rem; --fs-sm-4: 0.88rem; --fs-base-sm: 0.9rem; --fs-base: 0.92rem;
  --fs-base-2: 0.93rem; --fs-base-3: 0.94rem; --fs-base-4: 0.95rem; --fs-base-5: 0.96rem;
  --fs-base-6: 0.97rem; --fs-base-7: 0.98rem; --fs-md: 1rem; --fs-md-2: 1.02rem;
  --fs-md-3: 1.05rem; --fs-lg: 1.1rem; --fs-lg-2: 1.12rem; --fs-lg-3: 1.15rem;
  --fs-xl: 1.2rem; --fs-xl-2: 1.25rem; --fs-2xl: 1.35rem; --fs-2xl-2: 1.45rem;
  --fs-3xl: 1.6rem; --fs-3xl-2: 1.65rem; --fs-3xl-3: 1.7rem; --fs-4xl: 1.75rem;
  --fs-4xl-2: 1.8rem; --fs-5xl: 1.95rem; --fs-5xl-2: 2rem; --fs-5xl-3: 2.05rem;
  --fs-6xl: 2.1rem; --fs-6xl-2: 2.2rem;

  --lh-tight: 1.15; --lh-snug: 1.3; --lh-normal: 1.4; --lh-relaxed: 1.5;
  --lh-loose: 1.55; --lh-body: 1.6; --lh-body-2: 1.65; --lh-body-3: 1.7;
  --lh-body-4: 1.75; --lh-body-5: 1.8;

  --space-xs: 4px; --space-sm: 8px; --space-md: 12px; --space-lg: 16px;
  --space-xl: 24px; --space-2xl: 28px; --space-3xl: 36px;

  --container-max: 1040px; --container-max-lg: 1060px; --container-max-xl: 1080px;
  --container-max-2xl: 1100px;
  --page-padding-x: 16px; --page-padding-x-sm: 15px; --page-padding-x-xs: 14px;

  --legacy-green: #20B038; --legacy-green-dark: #218d59; --legacy-green-alt: #12ab74;
  --legacy-green-btn: #2ecc71; --check-green: #22c55e; --reg46-gold: #9f7526;
  --gradient-purple: #7b7bb8; --text-dark-gray: #374151; --text-legacy: #444;
  --text-legacy-muted: #888; --border-legacy: #ddd; --border-legacy-light: #ccc;
  --border-legacy-lighter: #eee; --bg-legacy-list: #f9f9f9;
  --bg-alert-warning: #fff8e6; --bg-alert-success: #e8f8ee;
  --text-alert-warning: #856404; --text-alert-success: #155724;
  --bg-gradient-soft: #f8f9fc; --bg-gradient-soft-2: #f0f1f8;
  --bg-image-box: #eef1f6; --bg-image-box-2: #e4e9f0;
  --tab-active-legacy: #208bb0; --check-purple: #4b4b8c;

  /* Restore header accent-gold after homepage override (header needs #d4a017) */
  --accent-gold:            #d4a017;
  --accent-gold-soft:       #e0b23a;
  --accent-gold-deep:       #9c7222;
  /* Homepage gold scale stays as --gold-* */
  /* Inner page icon gold */
  /* --icon-gold already set above */
}

body
{
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}