/* ==========================================================================
   Tyranny Trump — design tokens.

   The "Classical" design system's token sheet with the accent ramp overridden
   from gold to REPUBLICAN RED, exactly as the handoff instructs: the prototype
   carried the red ramp and the filled-button / navy-secondary overrides in a
   <style> block layered over styles.css, and those are folded in here so there
   is one source of truth.

   The whole design speaks in var(--…). _doc-top.tpl inlines THIS :root block
   into every page as critical CSS — if this file were late, stale in a cache, or
   blocked, every var() would collapse at once and the site would render as
   unstyled Times. Do not add a second :root block anywhere; the inliner takes
   :root verbatim and would ship both.
   ========================================================================== */

:root {
  /* -- Grounds ------------------------------------------------------------ */
  --color-bg: #f3f2f2;         /* page ground */
  --color-surface: #eae9e9;    /* image mats (.tt-plate border) */
  --color-text: #201f1d;       /* body and heading ink */
  --color-divider: rgba(32, 31, 29, 0.16);
  --color-card: #ffffff;       /* cards, sidebars, form panels */
  --color-tint: #f8f4f4;       /* alternating section grounds, page headers */

  /* -- Republican chrome --------------------------------------------------- */
  /* Three deliberate departures from the Classical system live on these two
     colors: filled primary buttons, full-bleed red bands, and the 3px red
     section rule. Nothing else takes a large fill. */
  --tt-red: #b31f24;           /* hero + every page-header band */
  --tt-on-red-muted: #ffd2d0;  /* kickers and inactive tabs INSIDE a red band */
  --tt-navy: #0d1b36;          /* footer, video hero, home video band */
  --tt-navy-rule: #2c4272;     /* borders inside dark sections */
  --tt-navy-tile: #16294c;     /* empty 16:9 tiles on dark grounds */
  --tt-navy-ink: #14284f;      /* masthead nav, secondary button, search chip */
  --tt-navy-chip: #c9cedb;     /* search-chip border on the white masthead */

  /* -- Accent ramp (red) --------------------------------------------------- */
  /* Usage rules from the handoff, and they matter for contrast:
       -700 for accent-colored TEXT at body size
       base for borders, rules, outlined buttons, focus rings
       -300 for accent text ON THE DARK GROUND, and for tag borders
       -100 for tinted panel fills (submit sidebar, attestation block, active tab) */
  --color-accent: #b31f24;
  --color-accent-100: #fdeceb;
  --color-accent-200: #f8cdcb;
  --color-accent-300: #eda6a3;
  --color-accent-400: #d97a78;
  --color-accent-500: #c1494a;
  --color-accent-600: #a82a2f;
  --color-accent-700: #8a1c22;
  --color-accent-800: #641318;
  --color-accent-900: #3f0d10;

  /* -- Neutral ramp -------------------------------------------------------- */
  --color-neutral-100: #f8f4f4;
  --color-neutral-200: #eae7e7;
  --color-neutral-300: #d7d3d3;
  --color-neutral-400: #bab6b6;
  --color-neutral-500: #9b9797;
  --color-neutral-600: #7d7979;
  --color-neutral-700: #605d5d;
  --color-neutral-800: #444141;
  --color-neutral-900: #2d2b2b;

  /* -- Type ---------------------------------------------------------------- */
  /* NO SANS-SERIF ANYWHERE. Emphasis is carried by weight and italics. The
     larger the type the lighter the cut: display sizes (40px+) set at 400,
     interface headings (<=27px) at 600. */
  --font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Lora", Georgia, "Times New Roman", serif;
  --font-heading-weight: 600;

  /* -- Spacing (1.15x density) --------------------------------------------- */
  --space-1: 4.6px;
  --space-2: 9.2px;
  --space-3: 13.8px;
  --space-4: 18.4px;
  --space-6: 27.6px;
  --space-8: 36.8px;

  /* -- Radius -------------------------------------------------------------- */
  /* Cards are square-cornered by design; only buttons and inputs take -md. */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 7px;

  /* -- Layout -------------------------------------------------------------- */
  --tt-container: 1240px;
  --tt-gutter: 32px;

  /* Elevation is a whisper. The design draws with BORDERS, not shadows — these
     exist so a component that genuinely needs one does not invent its own, and
     they are deliberately unused across the marketing pages. */
  --shadow-sm: 0 1px 2px rgba(45, 43, 43, 0.14);
  --shadow-md: 0 3px 10px rgba(45, 43, 43, 0.16);
  --shadow-lg: 0 12px 32px rgba(45, 43, 43, 0.22);
}

/* ── Public signup is closed ───────────────────────────────────────────────
   /signup and its aliases answer 404 (Tyrannytrump_Plugin_Landing::$_closed),
   so the two links SocialEngine prints on its own sign-in screen now point at
   a dead page. They are hidden here rather than in User/views/scripts/auth/
   login.tpl because that file is SE CORE: editing it wins the argument until
   the next upgrade overwrites it, and this theme is already the only one of
   the archive's stylesheets that SE's own pages load.

   Scoped to the login form, not to .form-description generally, which SE uses
   on other forms. Remove both rules if public signup is ever reopened. */
#user_form_login .form-description,
.user_login_form .signup_link {
  display: none;
}